微信小程序 

开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。

申请帐号

进入小程序注册页 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

微信开发者工具 无法输入appid 微信开发者工具appid是什么_java

在这个小程序管理平台,你可以管理你的小程序的权限,查看数据报表,发布小程序等操作。

登录 小程序后台 ,我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。

微信开发者工具 无法输入appid 微信开发者工具appid是什么_java_02

小程序的 AppID 相当于小程序平台的一个身份证,后续你会在很多地方要用到 AppID (注意这里要区别于服务号或订阅号的 AppID)。

有了小程序帐号之后,我们需要一个工具来开发小程序。

安装开发工具

前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序吧!

你的第一个小程序

新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 "不使用云服务" (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

微信开发者工具 无法输入appid 微信开发者工具appid是什么_微信小程序_03

小程序大体预览

微信开发者工具 无法输入appid 微信开发者工具appid是什么_开发者工具_04

编译预览

点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小程序的表现,也可以点击预览按钮,通过微信的扫一扫在手机上体验你的小程序。

微信开发者工具 无法输入appid 微信开发者工具appid是什么_开发者工具_05

通过左上角标签查看模拟器,编辑器,调试器以及可视化

微信开发者工具 无法输入appid 微信开发者工具appid是什么_java_06

编辑器

 编写代码

微信开发者工具 无法输入appid 微信开发者工具appid是什么_java_07

调试器

调试报错

微信开发者工具 无法输入appid 微信开发者工具appid是什么_开发者工具_08

 代码构成

.json 后缀的 JSON 配置文件

.wxml 后缀的 WXML 模板文件

.wxss 后缀的 WXSS 样式文件

.js 后缀的 JS 脚本逻辑文件