VPS参考测评推荐
专注分享VPS主机优惠信息
hostkvm优惠促销活动
zji优惠促销活动
衡天云优惠活动
亚马逊云aws.amazon.com最新优惠活动
华纳云最新优惠促销活动

微信小程序开发简单教程一(微信小程序开发详细教程)

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

1.获取微信小程序的AppID(注意这里的AppID是小程序的具体ID,可以在登录微信微信官方账号的小程序中看到。没有AppID有些功能会被限制!)登录,在网站的“设置”-“开发者设置”中可以查看微信小程序的AppID。请注意,您不能直接使用服务号或订阅号的AppID。

微信小程序开发简单教程一(微信小程序开发详细教程)-主机参考

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

2.创建一个项目(项目名称一般是英文,尽量不要用中文,可能会出错)。我们需要通过开发者工具完成小程序的创建和代码编辑。

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

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

微信小程序开发简单教程一(微信小程序开发详细教程)-主机参考

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

3.编写代码(小程序有自己特定的标签)并创建小程序的实例。点击开发者工具左侧导航中的“编辑”,我们可以看到这个项目,它已经被初始化,包含一些简单的代码文件。其中最重要最本质的就是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;日志 # 39;) ||

4.手机预览(如果加入开发者或运营商,可以生成二维码直接扫描进入!)在开发者工具的左侧菜单栏中,选择“项目”,点击”。预览”扫码后即可在微信客户端体验。

微信小程序开发简单教程一(微信小程序开发详细教程)-主机参考以上是微信小程序开发简单教程1的详细内容。更多请关注主机参考其他相关文章!

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

本文由主机参考刊发,转载请注明:微信小程序开发简单教程一(微信小程序开发详细教程) https://zhujicankao.com/81807.html

【腾讯云】爆款2核2G云服务器首年40元,企业首购最高获赠300元京东卡
打赏
转载请注明原文链接:主机参考 » 微信小程序开发简单教程一(微信小程序开发详细教程)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!