微信小程序预览及发布

2020-04-10 本文已影响0人测菌侠

1.微信小程序预览测试

1-1 下载微信开发者工具

下载地址: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

建议选择稳定版

微信开发者工具.png

1-2 安装

默认下一步安装即可。
安装成功后启动工具，在启动主界面选择小程序项目。

启动后需进行使用开发者注册的微信关联登录。

主界面.png

1-3 拉取开发代码

使用git bash工具进行clone小程序开发代码。

git clone git@git.**.com:projectname/moudlename.git

1.详细的地址以实际的项目为准；
2.代码克隆之后，需切换到对应的提交分支。

1-4 导入项目

（1）在菜单栏选择项目->导入项目

导入项目.png

最新版本操作以最新版本的操作为准，可参考https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

导入项目1.png

（2）填写项目名称，选择项目存放地址，填写appId；点击导入即可

项目名称：对应的小程序名称；
目录：代码克隆的存放路径；
AppID:微信开发者的ID值。

填写信息.png

1-5 更改配置

在控制台切换到Sources，在/public目录更下config.js文件中的请求后端域名，如图：

更改配置.png

测试阶段若没有映射https，需勾选对应配置，如图

详情配置.png

1-6 生成二维码

点击开发工具菜单栏里面的预览，即可生成二维码，用微信扫描即可进行测试

生成二维码.png

2. 微信小程序发布

2-1 新建项目

项目名称：对应的小程序正式名称；
目录：代码存放路径；
AppID:微信开发者的ID值，以最终上线注册微信为准；
开发模式：选择小程序；
后端服务：选择“不使用云服务”；
语言：默认JavaScript。

新建项目.png

新建之后，删除代码存放路径下除app.js、app.json、app.wxss以外的其他文件；

2-2 复制代码

复制克隆的代码到新建的存放路径下，不能覆盖app.js、app.json、app.wxss这3个文件。

文件.png

2-3 更改配置