小程序商城搭建不再难!详细教程带你轻松掌握

小程序因其用完即走、无需下载等便捷性特点,广受用户及商家们的欢迎。因此,很多企业商家都看到了小程序商城的潜力,并开始着手搭建自己的小程序商城,以抢占流量红利。但是,很多人可能并不清楚如何搭建小程序商城。下面,我将详细介绍小程序商城的搭建流程,希望对大家有所帮助。

一、小程序申请及认证:
在这里插入图片描述
1.微信小程序申请;

进入微信公众平台,点击右上角的“立即注册”,账号类型选择“小程序”。按照官方引导,逐步完成小程序的注册。在填写“主体信息登记”时,选择微信认证来验证主体身份,需支付300元认证费。这样可以将小程序申请和小程序认证同时操作,以节省审核时间。完成上述步骤后,您就成功地注册了一个小程序账号,可以开始进行小程序商城的开发了。

2.小程序信息完善;

完成注册后,微信小程序的信息完善步骤和开发可以同步进行。对于选择对公打款的用户,完成汇款验证后,可以补充小程序名称信息、上传小程序头像、填写小程序介绍并选择服务范围。这些步骤可以帮助您完善小程序的信息,提高用户体验,并让用户更好地了解您的应用程序。同时,开发工作也可以同时进行,以便更快地将小程序推向市场。
在这里插入图片描述
3.小程序申请备案:

2023年8月9日,微信公众平台运营中心就发布《关于开展微信小程序备案的通知》。

根据通知要求,若微信小程序未上架,自2023年9月1日起,微信小程序须完成备案后才可上架。若微信小程序已上架,则需要在2024年3月31日前完成备案,逾期未完成备案,平台将按照备案相关规定于2024年4月1日起进行清退处理。
在这里插入图片描述
4.小程序申请支付:

已认证的小程序可登录小程序,申请微信支付。

二、小程序开发前准备:

1、绑定开发者;

登录微信公众平台小程序,进入用户身份-开发者,新增绑定开发者。已认证的小程序最多可绑定20个开发者,40个体验者。这一功能的出现为开发者们提供了一个全新的机会,让他们能够更方便地参与到小程序的开发中来。同时,对于小程序的所有者来说,他们也可以通过这种方式吸引更多的开发者来帮助自己完善小程序的功能,提升用户体验。

2、获取AppID

进入“设置-开发设置”,获取AppID信息。
在这里插入图片描述
三、小程序上传并发布:

要开始微信小程序开发,首先需要安装微信开发者工具。你可以从微信官方网站下载适合自己操作系统的安装包并进行安装。有关开发者工具的详细介绍,可以查看《开发者工具介绍》。打开小程序开发者工具,用微信扫码登录开发者工具。

在登录后,你需要填写一些基本信息。这些信息包括项目目录、AppID(必须是客户已注册好的AppID)和项目名称。管理员会扫描二维码来验证你的身份,并填写这些信息。

接下来,你需要配置合法域名。你可以在开发者工具的“项目详情”中找到“域名信息”来进行配置。如果你还没有配置域名,你需要前往微信公众平台进行配置。登录时需要填写客户的邮箱和密码,如果小程序内嵌了h5页面,还需要配置业务域名。

另外,你还需要配置服务器信息。这需要填写所需的服务器域名。

之后,你可以去到该小程序的后台管理系统,查看并修改数据。你可以进行手机预览小程序,检查后台数据跟小程序数据是否有误。

如果一切无误,你可以上传代码。上传成功后,你需要去到微信公众平台,登录客户的账号密码,然后在开发管理里提交审核。

以上就是微信小程序开发的基本步骤。需要注意的是,开发者需要严格遵守相关规定和要求,确保小程序的安全性和合法性。同时,开发者还需要不断学习和掌握新的技术,以适应不断变化的市场需求。

├── api │   └── api.js //接口 ├── app.wpy //入口文件 ├── components //组件 │   ├── address_add.wpy //新增地址组件 │   ├── address_edit.wpy //编辑地址组件 │   ├── address_list.wpy //地址列表组件 │   ├── bomb_screen.wpy //首页弹屏组件 │   ├── collection_list.wpy //收藏列表组件 │   ├── comment_list.wpy //评论列表组件 │   ├── common //公共组件 │   │   ├── bottomLoadMore.wpy //底部加载更多组件 │   │   ├── placeholder.wpy //空列表显示组件 │   │   ├── timer.wpy //倒计时组件 │   │   ├── wepy-area-picker.wpy //省市区组件 │   │   ├── wepy-sign-time.wpy //签到组件 │   │   └── wepy-swipe-delete.wpy //左滑删除组件 │   ├── discover.wpy //发现列表 │   ├── filterSlider.wpy //筛选右侧栏组件 │   ├── filter_bar.wpy //分类排序组件 │   ├── order_item.wpy //订单列表组件 │   ├── points_detail.wpy //列表组件 │   ├── points_rule.wpy //列表组件 │   ├── rate.wpy //评分组件 │   ├── search.wpy //搜索组件 │   ├── shop_cart.wpy //购物车组件 │   ├── shop_grid_list.wpy //矩阵列表 │   ├── shop_item_list.wpy //条形列表 │   └── tab.wpy //选项卡组件 ├── images //图片文件夹 ├── pages //页面 │   ├── address.wpy //地址 │   ├── classify.wpy //分类 │   ├── collection.wpy //收藏 │   ├── comfire_order.wpy //确认订单 │   ├── comment.wpy //评论列表 │   ├── comment_add.wpy //添加评论 │   ├── exchange_goods.wpy //换货 │   ├── filter.wpy //筛选 │   ├── goods_detail.wpy //商品详情 │   ├── home.wpy //首页 │   ├── home_detail.wpy //首页详情 │   ├── info.wpy //我的 │   ├── logistics.wpy //物流 │   ├── messages.wpy //我的消息 │   ├── order.wpy //订单列表 │   ├── order_detail.wpy //订单详情 │   ├── pay_success.wpy //支付结果 │   ├── points.wpy //积分 │   ├── points_more.wpy //更多积分 │   ├── points_rule.wpy //积分规则 │   ├── register.wpy //注册 │   ├── reorder.wpy //-- │   ├── replenishment_goods.wpy //补货 │   ├── search.wpy //搜索 │   ├── setting.wpy //设置 │   ├── shop_cart.wpy //购物车 │   ├── sign_in.wpy //签到 │   ├── test.wpy //--- │   └── wholesale.wpy //现货批发 ├── plugins //插件 │   └── wxParse //富文本 │   ├── html2json.js │   ├── htmlparser.js │   ├── showdown.js │   ├── wxDiscode.js │   ├── wxParse.js │   ├── wxParse.wxml │   └── wxParse.wxss ├── styles //样式 │   ├── base.less │   ├── icon.less // 图标文件 │   └── style.less └── utils //工具类 ├── constant.js //常量 ├── md5.js //md5 ├── regions.js //省市区数据 ├── tip.js //提示弹框组件 ├── util.js //工具 └── wxRequest.js //ajax请求
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值