# 小程序部署

TIP

小程序部署相对于来说要复杂很多,建议有基础的客户自行操作。部署有疑问可在售后群联系技术帮忙处理

友情提示

下面的图片均可点击放大查看

因为我们的小程序包含用户端 商家端 骑手端 三个小程序,所以我们需要分别部署三个小程序

# 部署准备

# 软件下载

# HBuilderX

由于我们的小程序都是uni-app开发的,所以我们需要先安装 HBuilderX 这个软件
点击打开官网下载 HBuilderX (opens new window)
HBuilderX 下载后是一个压缩包,解压到你想要的目录即可。不建议放到桌面

# 微信开发者工具

调试小程序或者上传代码都需要用到微信开发者工具,所以我们需要先下载 微信开发者工具 (opens new window)
下载完后直接安装即可

# 配置开发者

如果你不是用户端 商家端 骑手端 三个小程序的开发者,那么你需要先配置开发者,具体操作如下

  1. 打开微信公众平台 (opens new window),登录你需要配置的小程序
  2. 点击左侧的成员管理,然后点击右边项目成员右上角的添加成员 image
  3. 填写你的微信号,点击放大镜。这时你应该会看到你的头像。勾上开发者权限,然后点击添加。 image

# 各端小程序部署

# 网站后台配置

# 1.1 登录前面部署好的后台。然后进入平台

TIP

如果没有平台,请先新建一个平台。填写好相关内容即可。

image

# 1.2 进入平台后,选择营销管理中的平台活动,分别配置微信小程序微信小程序商户端

image

# 1.3 点击微信小程序进入之后,分别填写小程序名称原始IDAppID(小程序ID)AppSecret(小程序密钥)

TIP

用户端小程序和商家端小程序的配置步骤是一样的

  • 小程序名称:是在申请微信小程序时设置的
  • 原始ID获取方式:微信公众平台-设置-账号信息—原始ID
  • AppID(小程序ID)获取方式:微信公众平台-开发-开发设置-开发者ID-小程序AppID
  • AppSecret(小程序密钥)获取方式:微信公众平台-开发-开发设置-开发者ID-小程序AppSecret

image

# 1.4 在左侧选择跑腿管理里面的小程序设置,配置微信小程序骑手端,其中填写所需内容,如上述1.3步骤。

image

# 1.5 选择装修中心中装修列表,选择添加页面按钮添加两个新页面(即是首页和个人中心,这两个页面主要是用于审核),然后选择相应的页面类型和设置页面名称(页面名称随便即可)

image image

# 1.6 点击审核首页那一栏中的装修按钮进入装修页面后,在基础组件中点击图片按钮,然后再最右侧添加图片按钮(

***所添加的图片一定要是服装图片,如下小图 *** ),进入选择图片按钮弹框,选择点击上传按钮,上传本地图片。然后再选择商家列表按钮,点击最右上角保存并发布按钮。

image image image

# 1.7 在装修页面中选择底部导航,选择最右侧按钮文字并填写,然后选择点击链接,则会进入链接选择弹框;选择相应基础连接,然后选择右上角保存并发布按钮即可

image image image

# 1.8 选择审核个人中心那一栏的装修按钮,进入到装修页面之后,选择个人信息,点击右上角保存并发布即可

image

TIP

注意要把资产显示隐藏

image

# 小程序代码发布

TIP

用户端、骑手端、商家端步骤一样

  • 每个小程序的配置文件以及配置项都是一样的
  • 本应用基于Uniapp开发,推荐使用HBuilder X开发小程序
  • 用户端小程序和商家小程序配置参数一样,唯一需要变更的是appid和小程序名称

# 修改小程序配置

  1. 修改基础配置。路径:yousu_o2ov2_mini_client/common/siteinfo.js,参见下图进行配置

image

  1. 在基础配置设置完毕后,需要配置小程序的appID,名称等。操作路径: image

# 发布小程序

TIP

用户端、骑手端、商家端步骤一样

  1. 点击HBuilder最顶部一栏,发行按钮,然后选择小程序-微信,最后点击发行即可;如下图所示 image image

  2. 如果正常编译,会自动打开微信开发者工具。此时可以预览小程序是否正常,如果正常,点击右上角的上传按钮,即可上传小程序代码。如下图所示 image image

# 小程序发布

# 登陆微信公众平台选择版本管理,即可看到自己刚才上传的小程序,可以点击提交审核按钮旁边的图标,来设置是否为体验版,提交审核,待审核通过之后点击提交发布即可

TIP

用户端、骑手端、商家端步骤一样

可以先设置体验版。先真机扫码测试。如果没有问题,再提交审核。

image

image

# 修改域名

选择开发管理中的开发设置,修改服务器域名(此域名是自己所备案的域名)如下图所示:

TIP

用户端、骑手端、商家端步骤一样

image image image

上次更新: 37 分钟前