主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
1.获取微信小程序的Appid(注意这里的Appid是小程序的特殊ID,可以在登录微信官方账号的小程序中看到。如果没有AppID,某些功能将受到限制!),可以在网站的设置-开发者设置中查看微信小程序的appid。注意不要直接使用服务号或订阅号的appid。
注意:如果我们想用非管理员微信号在手机上体验小程序,那么我们还需要操作“绑定开发者”。也就是在“用户身份”-“开发者”模块中,需要体验者绑定上小程序的微信号。本教程的默认账号注册和体验是使用管理员微信号。
2.创建一个项目(项目名称一般为英文,尽量不要使用中文,可能会报错)。我们需要创建一个小程序,并通过开发人员工具编辑代码。
开发者工具安装完成后,用微信扫码打开并登录。选择“创建项目”,填写上面获得的AppID,设置一个本地项目名称(不是applet名称),例如“我的第一个项目”,选择一个本地文件夹作为存储代码的目录,然后单击“新建项目”。
为了方便初学者理解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹为空文件夹,开发者工具将提示是否需要创建快速启动项目。选择“是”,开发者工具将帮助我们在开发目录中生成一个简单的演示。
项目创建成功后,我们可以点击项目,进入并查看完整的开发者工具界面,点击左侧导航,在“编辑”中查看并编辑我们的代码,在“调试”中在微信客户端上测试代码并模拟小程序的效果,并将其发送到手机上以在“项目”中预览实际效果。
3.编写代码(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(&;#39;日志& amp#39;) ||
4.手机预览(加入开发者或运营商生成二维码直接扫码进入!)在开发者工具左侧菜单栏选择“项目”,点击“预览”,扫码后即可在微信客户端体验。
这几篇文章你可能也喜欢:
- 如何实现小程序发送服务通知(小程序如何主动向用户发送通知)
- 如何获取小程序的unionid(如何获取小程序的页面路径)
- 生成海报的示例小程序(Java后端)(微信小程序生成海报演示)
- 什么是小程序? 有哪些功能?(什么是小程序?有哪些功能?)
- 介绍如何用小程序生成参数二维码(二维码+小程序参数)
本文由主机参考刊发,转载请注明:微信小程序开发简单教程1(微信小程序开发软件教程) https://zhujicankao.com/107026.html
评论前必须登录!
注册