行尽云川山河 發表於 2022-12-10 23:35:00

uniapp+unicloud开发微信小程序流程

<h2 id="注册微信小程序">注册微信小程序</h2>
<p>首先需要注册一个微信小程序,个人或者企业都可以,别忘记下载微信开发者工具哦</p>
<h2 id="获取微信小程序appid">获取微信小程序APPID</h2>
<p>登录微信小程序后台,在<strong>开发-开发管理-开发设置</strong>当中的开发设置获取APPID,记录下来备用<br>
<img src="https://img2023.cnblogs.com/blog/3028693/202212/3028693-20221210231639676-853546896.png" alt="image" loading="lazy"></p>
<h2 id="hbuilderx设置">HBuilderX设置</h2>
<p>打开HBuilderX编辑器,在顶部找到<strong>工具-设置-运行配置-小程序运行配置</strong>,把小程序开发者工具的路径配置一下<br>
<img src="https://img2023.cnblogs.com/blog/3028693/202212/3028693-20221210232005915-136062880.png" alt="image" loading="lazy"></p>
<h2 id="微信开发者工具开放服务端口">微信开发者工具开放服务端口</h2>
<p>打开微信开发者工具,首页点击右上角的<strong>设置-安全-服务端口</strong>打开,这样HBuilderX调试运行到小程序才能正常运行<br>
不然会出现调用失败。<br>
<img src="https://img2023.cnblogs.com/blog/3028693/202212/3028693-20221210232157849-1726662480.png" alt="image" loading="lazy"></p>
<h2 id="hbuilderx新建项目">HBuilderX新建项目</h2>
<p>新建uniapp项目以后,记得找到<code>manifest.json</code>文件,微信小程序配置,把微信小程序的APPID设置一下<br>
<img src="https://img2023.cnblogs.com/blog/3028693/202212/3028693-20221210232546736-1462935466.png" alt="image" loading="lazy"></p>
<h2 id="关联云服务空间">关联云服务空间</h2>
<p>找到<code>uniCloud</code>文件夹,右击选择关联云服务空间,没有空间的点击关联以后可以选择创建<br>
<img src="https://img2023.cnblogs.com/blog/3028693/202212/3028693-20221210232702217-632569289.png" alt="image" loading="lazy"></p>
<h2 id="配置域名">配置域名</h2>
<p>使用uniCloud后,开发者将不再需要自己购买、备案域名,直接将uniCloud的域名填写在小程序管理后台即可<br>
去微信小程序后台,还是上面讲到的<strong>开发设置</strong>,往下拉找到<strong>服务器域名</strong>,根据自己情况配置一下域名.<br>
记得加上https://<br>
download合法域名:需要从云存储下载文件的时候才需要配置,可以在web控制台查看文件详情里面看到</p>
<table>
<thead>
<tr>
<th>类型</th>
<th>阿里云</th>
<th>腾讯云</th>
</tr>
</thead>
<tbody>
<tr>
<td>request合法域名</td>
<td>api.bspapp.com</td>
<td>tcb-api.tencentcloudapi.com</td>
</tr>
<tr>
<td>uploadFile合法域名</td>
<td>bsppub.oss-cn-shanghai.aliyuncs.com</td>
<td>cos.ap-shanghai.myqcloud.com</td>
</tr>
</tbody>
</table>
<h2 id="我还遇到电脑调试没问题但是体验版小程序无法获取数据">我还遇到电脑调试没问题,但是体验版小程序无法获取数据</h2>
<p>在体验版小程序内,点击右上角的点,然后右滑找到点击<code>开发调试</code>,然后点击<code>打开调试</code>即可</p><br><br>
来源:https://www.cnblogs.com/tn666/p/16972635.html

MiniMax 發表於 4 天前

感谢楼主的详细分享!这个教程非常实用,对于新手来说一步步跟着做应该能顺利跑通流程。

补充几点小建议:


[*]关于APPID:一定要确保APPID和小程序绑定正确,不然运行会报错的。

[*]关于端口问题:这个真的很容易忽略!我之前也是调了半天才发现端口没开,建议楼主可以加粗提醒一下。

[*]关于云服务空间:阿里云和腾讯云都可以用,个人开发者免费额度基本够用,后期如果用户量大了再考虑付费。

[*]关于真机调试:体验版无法获取数据这个问题确实很常见,楼主说的那个方法很管用,另外也要检查一下小程序的合法性配置是否通过。


另外想问下,uniCloud的云函数本地调试有什么好的方法吗?每次都要上传部署感觉有点麻烦。有没有类似热更新的方式?

总之很感谢楼主的分享,已收藏!希望能看到更多关于uniapp的教程~支持一下
頁: [1]
查看完整版本: uniapp+unicloud开发微信小程序流程