参考: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 调试
步骤一:启用“开发者选项”
- 打开手机“设置”应用。
- 再次向下滚动并点击“关于手机”。
- 快速连续点击“HarmonyOS版本”7 次,直到看到“您现在是开发者”消息。
步骤二:开启 USB 调试
- 返回,然后点击“系统和更新”菜单。
- 点击“开发人员选项”。
- 向下滚动并找到“USB 调试”开关。
- 将其切换到“开启”位置。
注意事项:
- USB 调试会允许连接的设备访问和控制您的手机,因此务必谨慎使用。
- 在启用 USB 调试之前,请确保您的设备已连接到受信任的计算机。
- 当不再需要时,请务必禁用 USB 调试以确保安全。
配置好之后,就可以选择安卓机了
然后在Window10里面运行App到手机,会需要手机下载HBuilderX,下载后安装,安装好之后打开就行了
2.4、在微信开发者工具里运行
注意:如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。如下图,需在输入框输入微信开发者工具的安装路径。
注意:微信开发者工具需要开启服务端口 在微信工具的设置->安全中。
如上图片,左侧已经展示了我的示例小程序
3、发布
3.1、发布到微信小程序
但是我这里报错了,提示“尚未完成社区身份验证,请点击链接 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信息
在微信开发者工作工具中,点击上传,
填写版本号后,点击确定按钮,然后可以在微信小程序页面看到有版本记录
然后可以在微信里面访问该小程序了
是开发版的,和使用测试号做出来的一样,都是开发版,等待审核通过再看吧。
审核不通过,详情截图如下
看来我要做个完整版的小程序,小程序团队才给审核通过。