前言
微信小程序,是小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。
微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。
我们通过微信开发者工具,我们能创建自己的小程序,当我们完成小程序开发者绑定、开发信息配置后,开发者即可下载开发者工具、参考开发文档进行小程序的开发和调试。提交审核和发布完成小程序开发后,提交代码至微信团队审核,审核通过后即可发布(公测期间不能发布)。
一、注册一个小程序账号
1、首先我们在微信公众号平台-小程序里面翻到最下面,这里我们点击前往注册即可,前往注册,输入绑定的邮箱以及密码等等。
2、完成注册后,重新进入微信公众平台,微信扫码或者使用账号登陆。
附网站链接:https://mp.weixin.qq.com/
3、在微信上提示登陆后,进入开发-开发管理中即可找到AppID,即小程序ID。
4、然后我们在微信公众平台寻找下载微信开发者工具,并选择下载稳定版。
附网站链接:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
二、第一个微信小程序“Hello Wechat!”
(一)准备工作
1、打开微信开发者工具,提示用微信扫一扫登陆。
2、进入页面我们点击“+”,开始创建一个小程序。
3、此时会弹出小程序的项目名称以及目录,然后我们可以使用之前所创建的小程序ID或者使用测试号登陆,选择开发模式、后端服务以及语言后点击就绪。
(二)页面介绍
1、进入界面,我们看到左上方有四个矩形,分别是模拟器、编辑器、调试器以及可视化,前三个分别对应下面的手机页面、中间的编辑器以及下方的调试窗口。
2、另外我们要知道微信小程序页面是由四个文件组成的,即由.js、.json、.wxml、.wxss文件构成,其中
(1).js文件是页面逻辑文件,主要包含逻辑代码;
(2).json文件是页面配置文件,即每一个小程序页面都可以使用 .json 文件来对本页面的窗口表现进行配置;
(3).wxml文件是页面描述文件;
(4).wxss文件是样式表文件,用来渲染页面。
(三)代码编写及编译预览
1、我们点击index目录下的index.wxml,它会默认生成一些内容。
2、将无关紧要的删除后,我们开始编写一个微信小程序“Hello Wechat!”,输入view后回车,会自动产生一个< /view >,我们在view和< /view >之间输入Hello Wechat!,在点击上方的编译,即可看到左边模拟器显示我们刚刚输入的内容。
3、当然我们也可以通过编译旁边的预览,二维码预览或者自动预览即可在手机所登陆的微信号上展示。
结语
以上就是本次微信小程序开发的全部内容,感谢您的阅读和支持,若有表述或者代码中的不当之处,望指出!您的指出和建议能给作者带来很大的动力!!!