使用微信开发者工具制作小程序的基本方法

微信开发者工具很好的集成了java的开发环境,是java初学者很好的练手软件。

准备条件:

注册微信小程序开发者账号,需要用到微信账号。
网址:https://mp.weixin.qq.com/wxopen/waregister?action=step1
下载开发者工具。
网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
安装完成。

登录过程:

首先在注册好的小程序后台找到AppID,如图所示。(图片来自微信文档)

使用微信开发者工具制作小程序的基本方法_第1张图片

之后打开开发者工具,需要使用扫码登录账号,登录后的界面如图所示。

使用微信开发者工具制作小程序的基本方法_第2张图片

给自己开发的项目命名,并且填写AppID。同时明确开发模式,对于微信提供的后端服务,可以选择使用,也可以选择不使用。

开发界面:

登录完成并正确填写AppID后进入开发环境,如图所示:

使用微信开发者工具制作小程序的基本方法_第3张图片

可以在编辑器进行代码输入,完成代码后,点击编译或者按键盘“ctrl+s”可以进行编译;调试器会出现编译的结果(正确,警告或错误,警告可以运行,但可能会出现崩溃);模拟器会出现可视化的结果。

除此以外可以使用开发者工具中的“云开发”(模拟器上方)进行2G的数据云存储,这样的云存储方便调用数据。云存储界面如下图所示。

使用微信开发者工具制作小程序的基本方法_第4张图片

完成后的小程序:

使用微信开发者工具制作小程序的基本方法_第5张图片

视频解释:

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

你可能感兴趣的:(使用微信开发者工具制作小程序的基本方法)