美文网首页uin-app
uniapp发布为微信小程序及问题汇总

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

作者: 瑟闻风倾 | 来源:发表于2020-12-31 17:19 被阅读0次

    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

    相关文章

      网友评论

        本文标题:uniapp发布为微信小程序及问题汇总

        本文链接:https://www.haomeiwen.com/subject/tchroktx.html