微信小程序入门


前言

小程序(Mini Program)是一种不需要下载安装即可使用的应用,由腾讯于2017年1月9日首次推出。这一应用形式能使用户不用再关心应用安装太多的问题,实现了应用“触手可及”的梦想,也体现了“用完即走”的理念。


一、注册一个小程序账号

开发小程序首先得有一个账号,不能总是用测试号来开发,这种的小程序也无法发布。
1、账号在微信公众平台注册。
在这里插入图片描述
2、注册账号类型选择小程序
在这里插入图片描述
3、按照流程填写注册信息,一个邮箱只能注册一个小程序
在这里插入图片描述
4、信息登记的主体类型选择问题,主体类型不同官方给小程序的权限不同,个人学习选择个人类型即可,其他类型另需相关证明,流程也比较繁琐。
在这里插入图片描述
注意:一个身份证只能注册5个个人小程序账号,一个手机号码也只能绑定一个小程序账号,个人小程序不支持微信支付宝收款功能,很难实现商业功能。

二、下载微信开发者工具

微信官方给小程序提供了一个开发工具,小程序、小游戏都可在微信开发者工具开发,一开始学习小程序在开发者工具上开发容易上手一些,后续在vscode等其他编译器开发亦可。

官方下载链接:
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

注意:下载稳定版较好,开发版和预发布版可能在真正开发小程序存在一些异常行为。

三、小程序的后台

小程序会有自己的管理平台,前面注册好小程序的账号后,即可登录微信公众平台进入小程序的后台,设置小程序的信息,项目成员管理、发布小程序、小程序版本管理等等。

1、填写小程序的基本信息,发布小程序前必须把相关消息填写好,平常练习可不理。
在这里插入图片描述
2、成员管理。管理员拥有小程序的所有权限,包括修改管理员、设置项目成员和体验成员。项目成员按照不同的类型拥有不同权限,也可以登录小程序后台。体验成员只有使用小程序体验版的权限,主要用于测试小程序的功能。

在这里插入图片描述
3、版本管理。小程序版本分开发版本、审核版本和线上版本。开发版本可设置为体验版本,供项目成员和体验成员使用,也可提交审核。审核版本就是开发版本提交审核后的版本,官方审核通过后就可把审核版本发布到线上。线上版本就是真正可被所有人访问的版本,在微信中可搜索小程序查到。

在这里插入图片描述
4、查找AppID。appid是小程序的唯一标识,它与小程序的账号相绑定,在开发小程序的时候都需要填写appid,忘记的话可在小程序后台的开发管理中的开发设置中查看。另外需要时也可以上传小程序的密钥,注意密钥生成后需记下来,后续只能重置,密钥就发生了改变。
在这里插入图片描述
5、服务器域名配置。在小程序的开发过程中会请求一些网络资源外部资源,这时候就需要把相关的域名配置到小程序后台,否则在手机上无法真正请求资源。服务器域名配置也在开发设置中,另外注意域名限定每月修改次数,域名只支持https协议,http的无法设置。
在这里插入图片描述

四、创建一个小程序

1、打开微信开发者工具,选择小程序
在这里插入图片描述
2、填写项目名称、选择目录,最重要的是APPID,还没有注册小程序账号的,可暂时使用测试号代替。
在这里插入图片描述
3、新建后即可获得一个小程序模板,可把它修改成自己想要的功能和页面。
在这里插入图片描述

五、小程序开发学习

1、多看微信官方文档小程序板块
微信官方文档中几乎包含了小程序开发用到的所有知识,多数问题查找官方文档都可以解决。

2、可在慕课网、B站获取一些小程序学习资源
推荐慕课网的一门课:轻松入门微信小程序与云开发
推荐B站的一门课:小程序+云开发精讲

3、小程序开发相对于web开发的一些特点

页面的结成
page{
	wxml  页面结构  
 	wxss  页面样式表 
 	js 页面逻辑
 	json 页面配置
 }
wxml中的view标签相对于html中的div
wxss新增了一个尺寸单位——rpx 在iPhone6上,1px=2rpx

rpx可以根据屏幕大小去自适应,在不同的屏幕大小中rpx和px的转换比不同,一般在iPhone6的屏幕上去开发比较好,2rpx=1px,容易计算。


总结

微信小程序有很好的兼容性,依赖微信生态也可以规避IOS系统和安卓系统的差异,在功能不复杂的情况下,常常可以用小程序去代替APP。学会小程序开发,就可以制作一些小应用来方便生活和学习,提高自己的幸福感。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值