微信对每个人都不陌生。2017年1月9日,张小龙在2017微信公开课上发布的小程序正式上线。经过一年半的发展,微信小程序非常受欢迎。与此同时,微信小程序团队也在秘密发挥自己的力量,不断迭代升级新功能。那么广州微信开发公司如何开发微信小程序,微信开发小程序的具体步骤如下:
1.注册微信小程序账号
这个直接进入官方网站微信的小程序可以自行注册,这里不再赘述。
2.获取APPID
我在哪里可以得到APPID?根据第一步注册的小程序帐户,然后登录并找到左边的“设置”和“开发设置”,我会看到APPID。复制APPID并保存它以备备份。
3.绑定开发人员
如果您在第一步注册applet帐户时不是管理员,那么此时,您需要绑定一个开发人员,直接登录applet后台,点击左侧的“用户身份”,点击右侧的“编辑”添加成员,就会出现一个二维码。管理员扫描二维码后,输入开发者微信号,检查权限,并确认。
4.下载微信小程序开发工具
下载微信小程序开发工具
可以直接从微信下载,相应的版本可以根据不同的电脑系统下载安装,所以不需要详谈!
5.创建微信小程序项目
打开步骤4中安装的applet开发工具,然后使用开发人员(或管理员)扫描代码登录,选择创建“新项目”,填写步骤2中获得的AppID,设置本地项目的名称,选择一个本地文件夹作为代码存储目录,然后单击“新项目”。
6.写微信小程序代码
编写代码对初学者来说有点困难,但是我们可以直接从微信下载代码实例,然后在第5步将其直接解压缩到代码存储目录中。此时,我们会发现带有三个后缀的文件是app.js、app.json和app.wxss。js后缀指的是脚本文件。json后缀引用配置文件,而。wxss后缀引用样式表文件。
接下来,赵德志,一位欢呼的技术工程师,将为您详细描述他们各自的功能。
App.js是小程序的脚本代码。在这个文件中,我们可以监控和处理小程序的生命周期函数,并声明全局变量。调用MINA提供的丰富的应用编程接口,例如在这个例子中同步存储和同步读取本地数据。
Json是整个applet的全局配置。在这个文件中,我们可以配置小程序由哪些页面组成,配置小程序窗口的背景颜色,配置导航栏样式,以及配置默认标题。请注意,不能向此文件添加任何注释。
App.wxss是整个applet的通用样式表。我们可以在页面组件的类属性上直接使用app.wxss中声明的样式规则。
7.创建微信小程序页面
微信中每个页面的[路径+页面名称]需要写在app.json的页面中,页面的第一页是微信的首页。
每个小程序页面由四个不同的后缀文件组成,在相同的路径下具有相同的名称,例如index.js、index.wxml、index.wxss、index.json。js后缀是一个脚本文件。json后缀是一个配置文件。wxss后缀是一个样式表文件,带有。wxml后缀是一个页面结构文件。
微信小程序教程详情
8、手机预览
在开发工具左侧的菜单栏中选择“项目”,点击“预览”,扫描代码,在微信客户端体验。
9、上传小程序代码
在开发者工具左侧的菜单栏中选择“项目”,点击“上传”将代码上传到微信applet服务器。
10.提交微信审查并发布小程序
上传小程序代码后,提交给微信进行审核。审计现在也非常快。需要几个小时才能完成。如果速度慢,估计需要2-5天。审核通过后,可以在applet的后台发布和启动它。如果你不明白什么,可以给广州微信开发公司留言,我们会及时回复你。