在线咨询

企业网站托管

企业门户的基础配置,多端适配,完美展示企业信息

广州微信开发:微信开发小程序步骤详情

文章出处:本站原创 | 发表时间:2020-06-01 11:15:13

    微信对每个人都不陌生。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的后台发布和启动它。如果你不明白什么,可以给广州微信开发公司留言,我们会及时回复你。