在线咨询
微信咨询

微信咨询

现在咨询送您价值9800大礼包

手机扫码加我微信

电话咨询

预约回电

专家顾问将在24小时内向你致电

咨询电话 09:00-18:00
400-071-5188

详细解释微信小程序开发教程

856人看过 2024-07-28 09:14

   每个人都熟悉微信小程序。2017年1月9日,张小龙在2017年微信公开课Pro上发布的小程序正式推出。经过一年半的发展,微信小程序非常流行。与此同时,微信小程序团队也在暗中努力迭代和升级新功能。所以今天我们来谈谈如何开发微信小程序,以及微信小程序开发的教程和文档。  

   1、注册微信小程序账号

   这个可以直接进入微信小程序官网注册,这里就不赘述了。

   2、获取APPID

   在哪里可以获得APPID?根据第一步注册的小程序账号,然后登录,找到左侧的“设置”和“开发设置”,然后看到APPID,复制APPID作为备用。

   3、绑定开发者

   如果您在第一步注册小程序帐户时不是管理员,此时还需要绑定开发人员,直接登录小程序背景,点击左侧“用户身份”-点击右侧“编辑”添加成员,出现二维码,管理员扫描二维码,然后输入开发者微信身份证,检查权限,确定,可以。

   4、下载微信小程序开发者工具

   可以直接在微信小程序官方下载,根据不同的计算机系统下载相应的版本,安装,不要重复!

   5、创建微信小程序项目

   打开步骤4中安装的小程序开发工具,然后用开发人员(或管理员)扫描代码登录,选择创建“新项目” AppID,设置本地项目名称,选择本地文件夹作为代码存储目录,点击「新建项目」就可以了。

   6、编写微信小程序代码

   编写代码对初学者来说有点困难,但我们可以直接从微信小程序的官方下载代码实例。下载后,我们可以直接将其解压到步骤5代码存储目录中。这时,我们会发现app有三个后缀文件.js、app.json、app.wxss。其中,.js 脚本文件的后缀,.json 后缀文件为配置文件,.wxss 样式表文件的后缀。

   app.js是小程序的脚本代码。在本文件中,我们可以监控和处理小程序的生命周期函数,并声明整体变量。调用 MINA 丰富的提供 API,本例同步存储和同步读取本地数据。

   app.json是整个小程序的全局配置。我们可以在这个文件中配置哪些页面,以及配置小程序的窗口 背景色,配置导航条风格,配置默认标题。请注意,本文件不能添加任何注释。

   app.wxss是整个小程序的公共样式表。我们可以使用页面组件 class 直接使用属性 app.wxss 中声明的样式规则。

   7、创建微信小程序页面

   微信小程序中的每个页面[路径] + 都需要写在页名上 app.json 的 pages 中,且 pages 第一页是小程序的主页。

   每个小程序页面由四个不同的后缀文件组成,在同一路径下同名,如:index.js、index.wxml、index.wxss、index.json。.js 脚本文件是后缀文件,.json 后缀文件为配置文件,.wxss 样式表文件的后缀,.wxml 页面结构文件是后缀文件。

   8、手机预览

   开发人员工具左侧菜单栏选择"项目",点击"预览",扫码后可以在微信客户端体验。

   9、上传小程序代码

   开发人员工具左侧菜单栏选择"项目",点击"上传"将代码上传到微信小程序服务器。

   10、提交微信审核和小程序发布

   步骤9上传小程序代码后,提交微信进行审核。现在审核速度很快,几个小时就审核了。如果速度慢,估计需要2-5天。审核通过后,可以在小程序后台发布上线。

   以上是为您带来详细的小程序开发教程,阅读后,我相信您的朋友对小程序开发知识也有更深入的理解和理解,我希望这些内容能对您有所帮助。

免费获取价值¥9800项目解决方案

Copyright © 2022 广州市启橙网络技术有限公司 版权所有 粤ICP备18028829号-1