uniapp发布为微信小程序及问题汇总

1. 发布步骤

(1) 申请微信小程序AppId，参考：微信教程、微信小程序ID申请

• 登录微信公众平台
• 注册账号，选择小程序，填写小程序信息(现在可先跳过)

• 提交后回到首页，开发设置-复制AppID(小程序ID)

  
  
  开发设置.png

复制AppID.png

(2) 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行即可在 unpackage/dist/build/mp-weixin 生成微信小程序项目代码

image.png

(3) 在微信小程序开发者工具中，导入生成的微信小程序项目，填写appid ，测试项目代码运行正常后，点击“上传”按钮，之后按照 “提交审核” => “发布” 小程序标准流程，逐步操作即可，详细查看：微信官方教程。

导入项目并添写appid.png

2. 问题汇总

(1) pages中一级文件夹（如：pages/index/index.js有2份代码）下的所有文件重复，导致页面空白无法成功加载显示
解决：删除重复文件

(2) 网络请求时 提醒“请检查网络”

image.png

参考：服务器域名配置

image.png

image.png

image.png

注意：服务器域名配置完成后，还需要在项目中勾选“不校验合法域名...”，否则还是会提醒“请检查网络”

勾选.png