VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

总结分享微信小程序的开发步骤(用英文总结分享微信小程序的开发步骤)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

本文为大家带来一些微信小程序开发的知识,主要介绍微信小程序开发的步骤,包括准备工作、框架介绍、程序开发、设计规范。希望对你有帮助。

总结分享微信小程序的开发步骤(用英文总结分享微信小程序的开发步骤)

【相关学习推荐:小程序开发教程】

本文简单介绍微信小程序的开发步骤。具体请参考微信开发文档。

1.准备1:在https://mp.weixin.qq.com/wxopen/waregister?.注册行动=step1用微信公众平台上未注册的邮箱注册一个微信微信官方账号,申请账号,按照指引填写信息并提交相应材料,就可以拥有自己的小程序账号了。注册完成后开始登录。

2:登录https://mp.weixin.qq.com

我们可以在菜单设置-开发设置中看到小程序的AppID。小程序的AppID相当于小程序平台的一张身份证,你以后很多地方都会用到AppID(注意这里要和服务号或者订阅号的AppID不一样)。有了小程序账户,我们需要一个开发小程序的工具。根据官方教程开发https://developers.weixin.qq.com/miniprogram/dev/framework/。

3.安装开发工具

进入开发者工具下载页面,根据自己的操作系统下载相应的安装包进行安装。有关开发人员工具的更详细介绍,请参考开发人员工具介绍。打开小程序开发者工具,用微信扫码登录开发者工具,准备开发你的第一个小程序!关于开发工具的信息,可以通过微信开发者工具了解更多。

4:打开第一个小程序。

创建新项目。选择applet项目,选择存储代码的硬盘路径,填写新应用的applet的AppID,给你的项目起一个好听的名字。最后,勾选“创建快速启动项目”(注意:你必须选择一个空目录才有这个选项),点击OK,你就得到你的第一个小程序了。单击顶部菜单,在IDE中编译并预览您的第一个applet。

5:编译预览

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

以上部分内容可在微信打开文档中的【开始】-【开始】查看。

2.框架介绍。小程序开发框架的目标是让开发者尽可能以最简单高效的方式,在微信中开发出具有原生app体验的服务。

整个小程序框架体系分为两部分:逻辑层(App Service)和视图层(View)。小程序提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并提供了视图层和逻辑层之间的数据传输和事件系统,让开发者可以专注于数据和逻辑。

响应式数据绑定框架的核心是一个响应式数据绑定系统,它可以非常简单地保持数据与视图的同步。修改数据时,只需要修改逻辑层的数据,视图层也会相应更新。

页面管理框架管理整个小程序的页面路由,可以实现页面之间的无缝切换,赋予页面完整的生命周期。开发者需要做的只是将页面的数据、方法、生命周期函数注册到框架中,其他所有复杂的操作都将由框架来处理。

组件框架提供了一套基础组件,自带微信风格和特殊逻辑。开发者可以通过组合基础组件来创建功能强大的微信小程序。

丰富的API框架提供了丰富的微信原生API,可以轻松调动微信提供的能力,如获取用户信息、本地存储、支付功能等。

3.程序开发当你学会了HTML+CSS+js,看了微信开发文档,就可以轻松开始微信小程序的开发啦~ ~

每个门户小程序都需要调用app.js中的app方法注册小程序实例,绑定生命周期回调函数,错误监控,页面上没有监控功能等等。//app . jsapp({ on launch(options){//启动时执行一些初始操作。},onShow (options) { //在显示时执行某些操作。},onHide () { //隐藏时做点什么。},onError (msg) { console.log(msg) },global data: # 39;我是全球数据 # 39;})整个小程序只有一个app实例,所有页面共享。开发者可以通过getApp方法获取全局唯一的App实例,获取App上的数据或者调用开发者在App上注册的函数。

//XXX . jsconst app instance = getapp()console . log(app instance . global data)//我是全局配置小程序根目录下的app.json文件用于对微信小程序进行全局配置,确定页面文件路径,窗口性能,设置网络超时,设置多个标签页等。有关详细信息,请参见全局配置。

配置每个applet页面也可以使用。同名的json文件来配置这个页面的窗口性能,页面中的配置项会覆盖app.json的窗口中相同的配置项,详见页面配置。

生命周期注册。接受一个对象参数,该参数指定applet的生命周期回调,等等。api详情见https://developers . weixin . QQ . com/mini program/dev/reference/API/app . html。

页面生命周期注册小程序中的页面。接受一个对象类型参数,该参数指定页面的初始数据、生命周期回调、事件处理程序等。有关生命周期对象的详细信息,请参见https://developers . weixin . QQ . com/mini program/dev/reference/API/page . html。

组件附带组件库weUI

丰富的API https://developers.weixin.qq.com/miniprogram/dev/api/

具体请参考小程序开发指南。

【相关学习推荐:小程序开发教程】以上是总结分享微信小程序开发步骤的详细内容。请多关注主机参考其他相关文章!

这几篇文章你可能也喜欢:

本文由主机参考刊发,转载请注明:总结分享微信小程序的开发步骤(用英文总结分享微信小程序的开发步骤) https://zhujicankao.com/74017.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 总结分享微信小程序的开发步骤(用英文总结分享微信小程序的开发步骤)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!