UNI-APP开发微信小程序的基本流程

需提前准备的工具:HBuilder X 微信开发者工具

一、申请微信小程序账号

登录小程序官网,如已有账号,则直接登录。
在这里插入图片描述
无账号,申请完账号后,进入账号填写相关信息,获取appId。

在这里插入图片描述
获取appId:【开发-开发管理-开发设置】
在这里插入图片描述

二、在HBuilder X 中新建小程序模板

【文件】-【新建】-【项目】:
在这里插入图片描述
点击【manifest.json】,将微信小程序的配置信息填好:
在这里插入图片描述
小程序可能太大,需要开启压缩。
图片太大时,可使用熊猫压缩减少图片颜色数量

三、在【微信开发者工具】中配置信息,与HBuilder建立关联

打开【微信开发者工具】-【设置】:
在这里插入图片描述
将服务端口打开:
在这里插入图片描述

四、HBuilder中调试、发行【微信小程序】

无论是调试还是发行,请确保没打开多个【微信开发者工具】客户端,否则会出现白屏

以上步骤完成后,首先在【运行】-【运行设置】中,将【微信开发者工具】的安装路径配置好,请具体到以下格式:
在这里插入图片描述
在HBuilder中点击【运行】-【运行到小程序模拟器】-【微信开发者工具】:
在这里插入图片描述

运行成功则会出现以下界面:
在这里插入图片描述
在HBuilder中修改代码会同步编译到微信开发者工具:
在这里插入图片描述
在这里插入图片描述
调试工作可在以上工具提供的控制台中【调试器】开展。

如果调试工作完成,进入提测或者上线阶段,可点击HBuilder中【发行】-【小程序-微信】:
在这里插入图片描述
在这里插入图片描述

在【微信开发者工具】成功挂起,且正常展示,点击【上传】:
在这里插入图片描述
打开【小程序管理平台】,点击【管理】-【版本管理】:
在这里插入图片描述
在此处,可看到三种版本,其中刚上传的是开发版本:
在这里插入图片描述
点击“体验版”,可生成二维码,用自己的微信平台管理账号扫码,可进行线上体验。
在这里插入图片描述
如需分享给他人体验,则可在【管理】-【成员管理】中添加“体验成员”才能体验功能。
在这里插入图片描述
以上完成了完整的【注册】—【发布测试】,以下则是发布生产。

五、发布线上

打开微信网页,配置服务器域名,也就是需要绑定接口需要是https协议(否则小程序到时无法发起请求)

【开发管理-开发设置-服务器域名】
在这里插入图片描述
提交审核:【管理-版本管理】,首次发布需要填写隐私设置

在这里插入图片描述
等待腾讯人员审核,一般是一天时间内。

审核通过后,可在【审核版本】中申请发布。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值