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

总结微信小程序开发教程手册文档(微信小程序开发实战)。

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

总结微信小程序开发教程手册文档(微信小程序开发实战)。

微信小程序开发教程文档什么是微信小程序?微信小程序怎么开发?微信小程序开发教程有哪些?本教程将带你从微信小程序本身,结合官方微信-微信小程序开发工具,一步步创建一个微信小程序,并预览小程序在手机操作中的实际效果。这个小程序的首页会显示欢迎语和当前用户的微信头像。点击头像,在新打开的页面中查看当前小程序的启动日志。下载源代码相关学习推荐:小程序开发教程

第一步。获取微信小程序的AppID,登录https://mp.weixin.qq.com。可以在网站的设置-开发者设置中查看微信小程序的AppID。注意不要直接使用服务号或订阅号的AppID。

微信小程序设置

注:如果我们没有使用注册时绑定的管理员微信号在手机上体验小程序,那么就需要操作“绑定开发者”。即在“用户身份”-“开发者”模块中,需要体验绑定上小程序的微信号。本教程默认的账号注册和体验是使用管理员微信号。

第二步。创建一个项目我们需要使用开发者工具来完成小程序的创建和代码编辑。

开发者工具安装好后,打开,用微信扫码登录。选择创建项目,填写上面获取的AppID,设置一个本地项目名(不是applet名),比如我的第一个项目,选择一个本地文件夹作为代码存储的目录,点击新建项目。

为了方便新手了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹为空文件夹,开发者工具会提示是否需要创建快速入门项目。选择“是”,开发工具将帮助我们在开发目录中生成一个简单的演示。

小程序组件

项目创建成功后,我们可以点击项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”中查看并编辑我们的代码,在“调试”中在微信客户端测试代码并模拟小程序的效果,发送到手机上在“项目”中预览实际效果。

第三步。编写代码来创建applet的实例。点击微信小程序开发者工具左侧导航中的“编辑”,我们可以看到这个项目已经初始化,包含了一些简单的代码文件。微信小程序的代码文件中,app.js、app.json、app.wxss是必不可少的,一般默认生成。其中,。js后缀是脚本文件,。json后缀是配置文件,而。wxss后缀是样式表文件。微信小程序会读取这些文件,生成小程序实例。

先简单了解一下这三个文件的作用,便于从零开始修改和开发自己的微信小程序。

App.js是小程序的脚本代码。在这个文件中,我们可以监控和处理小程序的生命周期函数,并声明全局变量。调用框架提供的丰富API,比如本例中本地数据的同步存储和同步读取。有关可用API的更多信息,请参考API文档。

//app . jsapp({ on launch:function()){//调用API从本地缓存获取数据。var logs = wx . getstoragesync(' logs ')| |

第四步。手机预览在微信小程序开发者工具左侧菜单栏选择“项目”,点击“预览”,扫码后即可在微信客户端体验。

微信小程序预览

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

本文由主机参考刊发,转载请注明:总结微信小程序开发教程手册文档(微信小程序开发实战)。 https://zhujicankao.com/113995.html

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

评论 抢沙发

评论前必须登录!