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

微信小程序开发入门示例(微信小程序开发教程2021)

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

微信离我们的生活越来越近,一些开发者也在不断开发微信小程序。那么如何开发小程序呢?如何开始?那么我们以一个微信小程序为例,简单介绍一下微信小程序的入门级用法。

首先,注册小程序帐户

1.进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写相应信息。

2.注册成功后,进入首页,在小程序发布流程-》小程序开发与管理-》配置服务器中点击“开发者设置”。

3.您将获得一个AppID并记录该AppID,这将在以后创建项目时使用。

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

其次,下载微信网络开发者工具

为了帮助开发者简单高效地开发,微信小程序推出了全新的开发者工具,集开发调试、代码编辑、程序发布等功能于一体。

1.下载页面:https://MP . weixin . QQ . com/debug/wxdoc/dev/dev tools/download . html?T=201715根据系统,选择相应的工具版本进行下载。

2.该工具包括三个选项卡:编辑、调试和项目:

(1)编辑区可以对当前项目进行编码、添加、删除和重命名文件等基本操作。

(2)程序调试主要有三个功能区:模拟器、调试工具和小程序操作区。

(3)项目页签主要有三个功能:显示当前项目的详细信息、提交预览、提交上传和项目配置。

注:启动工具时,开发者需要在后台扫描已成功绑定的微信号的二维码,后续所有操作都将基于该微信账号进行。

第三,写一个小程序的例子

1.实例目录结构

?测试├-page └-index┖├-index.js┖├-index.wxml └-index.wxss ├-app.json.

一个小程序包含一个app(主要部分)和多个页面(页面)。

(1)app用来描述整个程序,它由三个文件组成,脚本文件用。js后缀。json后缀和带有。wxss后缀,必须放在项目的根目录中。

App.js是小程序的脚本代码(必需)。您可以在该文件中监听和处理小程序的生命周期功能,声明全局变量并调用框架提供的丰富API。

?app({ on launch:function(){ console . log(& amp;#39;应用程序发布和发布。#39;)},on show:function(){ console . log(& amp;#39;App Show & amp#39;)},on hide:function(){ console . log(& amp;#39;应用隐藏& amp#39;)},全局数据:{ haslog in:false } })app . JSON是整个小程序的全局配置(必备),用于对微信小程序进行全局配置,确定页面文件的路径、窗口呈现、设置网络超时、设置多个标签页。接受一个数组,每一项都是一个字符串,以指定applet由哪些页面组成。微信小程序中每个页面的【路径+页面名称】需要写入app.json的pages中,pages中的第一页是小程序的主页。

{ & quot页面& quot:

摘要

这就是本文的全部内容。希望开发者能从中得到思路,帮助大家更好地开发微信小程序。

相关建议:

微信小程序项目最全面的例子

微信小程序入门知识

微信小程序分享变量值的方法介绍

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

本文由主机参考刊发,转载请注明:微信小程序开发入门示例(微信小程序开发教程2021) https://zhujicankao.com/106595.html

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

评论 抢沙发

评论前必须登录!