从0到1开发微信小程序[S00E01]_微信小程序开发从入门到实践
开发准备
工具:HBuilderX(开发)+微信开发者工具(供HX调用来做编译、预览和上传代码)。
视图主题:放弃一向使用的深灰模式,尝试HX推荐的绿柔模式。
快捷键体系:采用IntelliJ Idea体系,弃用HX体系(两者差异大,不想再引入一种体系分裂大脑了。)
代码托管:现阶段Git (Gitee)。未来再视情况看是否要迁移到Github。
Demo趟通从HX开发到代码上传完成实录:
下载HX并解压、登录;
下载微信开发者工具并安装、登录;
微信开发者工具->设置->安全->点亮“服务端口”开关;
HX中新建uni-app demo项目;
HX中根目录下 manifest.json 文件->微信小程序配置->微信小程序AppID,配置微信 AppID,保存;
HX自动启动编译,完成后自动启动微信开发者工具,并加载编译好的小程序项目。
然后就可以在微信开发者工具的模拟器里看到小程序了!也可以真机预览、调试等。
提示:每次在 HBuilderX 中修改代码并保存后,模拟器中的内容都会自动刷新,无需手动操作。
发行上传
开发测试完成后,需要将代码上传到微信平台。
- 在 HBuilderX 顶部菜单栏,点击 发行 -> 小程序-微信(仅适用于微信)。
- HBuilderX 会再次编译代码,并进行压缩优化。
- 编译完成后,会自动打开微信开发者工具,并载入优化后的代码。
- 在微信开发者工具中,点击 上传 按钮,即可将代码上传到微信小程序后台。就可以在微信公众平台后台提交审核和发布了。