uni-app入门、制作第一个微信小程序

参考：uni-app官网

1、先看了什么是uni-app

整体介绍说明了uni-app功能强大

2、然后继续学习快速上手1. 通过 HBuilderX 可视化界面

下载了HBuilderX，点击HBuilderX.exe文件后，打开了对应界面

然后以三种方式（浏览器运行、运行App到手机或模拟器、在微信开发者工具里运行）运行uni-app

这里涉及到需要先下载相关资料，有点花时间，请等待完成。

2.1、运行到  谷歌浏览器

2.2、内置浏览器运行

2.3、运行App到手机，这方面，我第一次操作的时候，没反应

搜资料解决了（参考：华为手机怎么开启usb调试-安卓手机-PHP中文网），不过步骤有点差别，我写一下我的步骤，如下：

如何在华为手机中开启 USB 调试

步骤一：启用“开发者选项”

1. 打开手机“设置”应用。
2. 再次向下滚动并点击“关于手机”。
3. 快速连续点击“HarmonyOS版本”7 次，直到看到“您现在是开发者”消息。

步骤二：开启 USB 调试

1. 返回，然后点击“系统和更新”菜单。
2. 点击“开发人员选项”。
3. 向下滚动并找到“USB 调试”开关。
4. 将其切换到“开启”位置。

注意事项：

• USB 调试会允许连接的设备访问和控制您的手机，因此务必谨慎使用。
• 在启用 USB 调试之前，请确保您的设备已连接到受信任的计算机。
• 当不再需要时，请务必禁用 USB 调试以确保安全。

配置好之后，就可以选择安卓机了

然后在Window10里面运行App到手机，会需要手机下载HBuilderX，下载后安装，安装好之后打开就行了

2.4、在微信开发者工具里运行

注意：如果是第一次使用，需要先配置小程序ide的相关路径，才能运行成功。如下图，需在输入框输入微信开发者工具的安装路径。

注意：微信开发者工具需要开启服务端口 在微信工具的设置->安全中。

如上图片，左侧已经展示了我的示例小程序

3、发布

3.1、发布到微信小程序 

1. 申请微信小程序AppID，参考：微信教程。
2. 创建了一个应用开发者中心
3. 在HBuilderX中顶部菜单依次点击 "发行" => "小程序-微信"，输入小程序名称和appid点击发行

但是我这里报错了，提示“尚未完成社区身份验证，请点击链接 https://ask.dcloud.net.cn/account/setting/profile 验证后再重新打包”

绑定手机号后，不再报这个错了。继续发行到小程序-微信

这样不行，然后我手工打开"微信开发者工具"，导入上面提示的项目C:\Users\Administrator\Documents\HBuilderProjects\hemingUniApp\unpackage\dist\build\mp-weixin但是提示如下

怎么解决这个问题呢，后面发现这个是开发中心的app id，不是小程序的appid

然后找到小程序的appid，在  微信公众平台  这里找 就可以了。

这只是用测试号开发的微信小程序，不能上传，也不能发布，没有综合管理功能。

于是我另外搜索资料"怎么注册微信小程序正式账号"，参考：微信小程序注册流程及APPID获取（完整版图文教程）_微信小程序appid怎么获取-CSDN博客

注册了一个正式账号，然后拿来正式使用。

在首页中，要维护好相关信息，备案

可以在开发管理中看到APP信息

在微信开发者工作工具中，点击上传，

填写版本号后，点击确定按钮，然后可以在微信小程序页面看到有版本记录

然后可以在微信里面访问该小程序了

是开发版的，和使用测试号做出来的一样，都是开发版，等待审核通过再看吧。

审核不通过，详情截图如下

看来我要做个完整版的小程序，小程序团队才给审核通过。