微信小程序新手教程 1.0

一、什么是微信小程序

1. 简介

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

2. 技术原理

2.1 线程

小程序类似于普通的网页,但是又有区别。网页开发中渲染线程和脚本线互斥,长时间的脚本运行可能会导致页面失去响应。而在小程序中,二者是分开的,分别运行在不同的线程中。

2.2 API

网页开发中可以使用DOM,而小程序则无。小程序的逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。同时JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM 的包在小程序中也是无法运行的。

2.3 环境

​网页开发者需要面对的环境是各式各样的浏览器,PC 端需要面对 IE、Chrome、QQ浏览器等,在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端,以及用于辅助开发的小程序开发者工具,小程序中三大运行环境也是有所区别的。

运行环境逻辑层渲染层
iOSJavaScriptCoreWKWebView
安卓V8(Google的开源高性能JavaScript和WebAssembly引擎,用C ++编写。)chromium定制内核
微信开发者工具NWJSChrome WebView

3. 微信小程序与APP、公众号、H5

3.1 小程序 VS APP

微信小程序APP
下载安装扫描二维码、分享链接或直接搜索获取应用商店下载并安装在手机内存中
占用空间基本不占用手机内存占用手机比较大的内存空间(可以储存大量数据)
开发一次性适配所有机型 ,平均开发期仅为两周需要适配多种机型,平均开发周期在3个月以上
发布仅需公众号平台审核需要提交到各种应用商店审核,由于审核机制不一样,需要提交的材料也不一样,十分繁琐
推广可以通过二维码、微信搜索、用户分享等方式直接获得,推广难度比较低需要用户主动搜索下载安装后才可用,推广难度极大

3.2 小程序 VS 公众号

微信小程序公众号
小程序放弃了传统公众号的关注、群发、分享到朋友圈功能,而在设计规范、产品体验、运营规范、都有自己的一套审核标准,旨在培养产品本身。小程序链接是无法分享到朋友圈的,只能发给好友和群(朋友圈只能分享截图)。订阅号:以内容为主体,适合经常给用户群发消息的产品,例如媒体。目前做的比较多的KOL大号,以及一些自媒体。服务号:以提供服务为主,比较适合做低频次(用的次数较少)使用。企业号:拥有较强的组织架构,和隐蔽性,适用于制作内部企业CRM系统。

3.3 小程序 VS H5 VS 原生APP

小程序H5页面原生APP
开发难度简单中等
开发速度中等
后期维护最容易中等最难
框架核心混合HTML5原生
体验和流畅中等最好
内容体积限制2MB较大无限
迭代速度最快
功能支持中等最多
推广成本最低
用户流程中等最低最高

二、微信小程序有什么用

1. 用途

1、引流(辐射周围5公里所有微信用户)

2、营销(支持砍价,拼团,预约,优惠券,在线商城,在线客服,在线交易等,玩转各种营销)

3、微网站(多纬度展示企业信息,商品信息,视频图文信息)

4、回头客管理(微信小程序的特性,访问即留存,只要使用过您的小程序,小程序就会留存客户手机)

5、支持一键买单,一键打电话,一键联系微信客服

6、后台手机随时掌控,支持多人登录,运营就跟发朋友圈一样简单,可以一键同步朋友圈

7、你能接触客户的使用场景中,都可以用小程序来承载。

8、 个人小程序可以开发一些小工具

2. 优势

① 微信拥有庞大的流量,而且微信给小程序提供了多种入口方式,方便用户直达小程序。
② 天生的社交属性,让小程序拥有更好的发展前景。(拼多多就是靠用户裂变发展起来的,半年就达到了京东的程度)
③ 开发成本低、周期短、维护费用少

三、开发前准备

0. 能力要求

微信小程序开发对于有过网页开发经验者没有更多的要求,如果是零经验的小白,建议先了解JS、HTML、CSS相关语法知识再开始准备开发小程序。

1. 申请小程序AppID

1.1 搜索并进入微信公众平台主页,在页面右上角选择立即注册,进入注册页面

这是微信公众平台的页面顶部截图

1.2 选择小程序

这是微信公众号注册类型选择截图,有订阅号、服务号、小程序和企业微信共四种可选择类型

1.3 填写好相关信息和提交相应材料即可获得小程序账号(如果是个人开发的小程序请选择个人类型)

在这里插入图片描述

2. 安装开发者工具

2.1 下载地址(目前只支持 Windows 和 MacOS 两种类型的)

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.2 安装(按照提示安装即可)

2.3 工具的基本使用

https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html

3. 其它注意事项

在新建项目时,后端服务选择小程序云开发(需要AppID才可用),这样新建的项目就会自动适配云开发的环境。(云函数运行环境为 Node.JS)
这是微信开发者工具的小程序新建项目截图

四、总结

关于小程序的简单介绍和开发前的准备工作都已经在上面了,做好开发前准备后将开始学习小程序的开发。此外学习小程序应该先学会使用微信开发者文档,下一期将介绍微信开发者文档。欢迎加入我们的学习交流群为:978381571
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值