ShopWind开源电商系统 - 微信小程序的发布流程

乔帮主 发布于 安装使用 2021-10-25 02:01:55

ShopWind移动端微信小程序是基于uni-app开发,使用uni-app开发模式是时下流行的开发模式。开发者引入代码,可发布到iOS、Android、微信小程序等多种平台的应用。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,隶属于DCloud公司旗下。DCloud公司拥有800万开发者、数百万应用、12亿手机端月活用户、数千款uni-app插件、70+微信/qq群。下面介绍下ShopWind电商系统微信小程序的开发和发布流程。

attachmentId-64

1、到DCloud官网 下载开发工具 HBuilderX ,如已经安装有 HBuilder X 开发工具,此步骤略过。

HBuilderX:官方IDE下载地址 https://www.dcloud.io/hbuilderx.html

attachmentId-72

2、 打开HBuilder X 开发工具,导入ShopWind项目

首次使用HBuilderX工具,需要登录账号(如果没有账号需到DCloud官网注册一个账号,下一步生成DCloud appid需要账号登录)。打开HBuilderX开发工具,点击菜单栏文件 》导入 》 从本地目录导入,选择ShopWind移动端目录导入。

attachmentId-65attachmentId-63

3、 manifest.json文件配置。

需要配置两个地方,一是重新获取DCloud appid,二是填写小程序的Appid(小程序Appid在小程序平台中获取,未注册小程序平台账号需要先注册),如下图所示:

attachmentId-66

attachmentId-68

4、发行微信小程序

attachmentId-70

5、微信小程序平台配置
登录微信小程序平台https://mp.weixin.qq.com。点击开发》开发管理》开发设置》服务器域名 中,设置request合法域名、uploadFile合法域名、downloadFile合法域名,均设置为服务端网站域名即可,如下图所示:

attachmentId-422

6、微信小程序上传到小程序平台。

软件编译成功后会自动打开“微信开发者工具”,生成的代码自动加载进微信开发者工具中。点击工具右上角上传按钮,填写版本号备注等,上传即可。如未安装此工具需先安装。

attachmentId-69

7、小程序平台中提交审核,审核通过后发布

如果上一步小程序上传成功,可以登录小程序平台,在版本管理中可以查看到我们刚上传上来的小程序,可以选为体验版本,用微信扫码进行相应的体验测试,测试效果满意后可以提交审核,待微信那边审核通过后,上线即可。

ShopWind 微信小程序商城系统体验

attachmentId-154

attachmentId-67

最后编辑于 2023-04-07 12:24:52
0 1079
Re :

乔帮主 这家伙什么都没留下

  • 回答

    11
  • 发布

    21
  • 经验

    1130

内容精选

联系我们

  • 微信官网

    关注公众号

    系统更新,推送提醒
  • 开发交流群

    技术交流Q群

    安装使用,开发交流

垂询热线:18978189162