使用微信开发者工具制作小程序的基本方法
微信开发者工具很好的集成了java的开发环境,是java初学者很好的练手软件。
准备条件:
注册微信小程序开发者账号,需要用到微信账号。
网址:https://mp.weixin.qq.com/wxopen/waregister?action=step1
下载开发者工具。
网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
安装完成。
登录过程:
首先在注册好的小程序后台找到AppID,如图所示。(图片来自微信文档)
之后打开开发者工具,需要使用扫码登录账号,登录后的界面如图所示。
给自己开发的项目命名,并且填写AppID。同时明确开发模式,对于微信提供的后端服务,可以选择使用,也可以选择不使用。
开发界面:
登录完成并正确填写AppID后进入开发环境,如图所示:
可以在编辑器进行代码输入,完成代码后,点击编译或者按键盘“ctrl+s”可以进行编译;调试器会出现编译的结果(正确,警告或错误,警告可以运行,但可能会出现崩溃);模拟器会出现可视化的结果。
除此以外可以使用开发者工具中的“云开发”(模拟器上方)进行2G的数据云存储,这样的云存储方便调用数据。云存储界面如下图所示。
完成后的小程序:
视频解释:
B站视频链接:https://www.bilibili.com/video/BV1X7411D78C/
参考文献:
1. 微信小程序文档 链接:https://developers.weixin.qq.com/miniprogram/dev/framework/
2. qq_40196661 《微信小程序---简易计算器》 来源:CSDN
3. anaerobic_me 《小程序的button跳转》 来源:CSDN
weixin_68003089: 大佬,你知道了吗?怎么加上图片一起出现?
救救我的脑子: 大佬大佬,怎么把文字和图片一起随机出现呢?
justwebm: var id = Math.round(Math.random()*10); 可以试试这个,*10 是指 0-10 11个数
小付要开心♡: 对啊 对啊 我也有这个问题
Redamancy356: 你学到了,我有一个地方不懂,求求了