微信小程序介绍

最近在做一个微信小程序的开发,顺便了解下小程序的前世今生,也为总结,做了个ppt,对于小程序这个概念,理解的人可能一下子就明白了,对于远离移动端的人,可能没那么容易理解,所以这个ppt也算入门吧。

大纲

微信小程序介绍

设计之初

先弄明白设计小程序的初衷和理念,对于小程序的应用场景可能会理解的通透写。
我的理解是小程序设计之初就是2点:

  1. 触手可及
  2. 用完即走

上张张小龙的介绍。
微信小程序介绍

小程序到底用在哪里?

场景1:地铁进出站
场景2:二次验证码
场景3:XXX商城
场景4:预约XXX
场景5:淘宝~~嗯嗯,想多了,淘宝的入口不可能被掌握在微信手里

微信版本与小程序

移动端微信: iPhone、Android {小程序始于6.5.3 版本}
* Symbian、Windows Phone、BlackBerry 最高支持到6.0,后续开发中断
建议小程序最低支持要求 iOS 6.5.8或安卓6.5.7,因为此时才引入小程序基础库。

小程序与微信的版本兼容性

开发者可以登录管理后台,进入「设置 - 基本设置 - 基础库最低版本设置」进行配置,
配置后不满足版本要求会提示升级。
微信小程序介绍

申请

嗯嗯,自己去微信管理平台 申请吧。

小程序开发

小程序的登录流程

微信小程序介绍

小程序的结构

小程序的结构是腾讯自动义的一套东东。大致如下:
Wxml:类似html
Wxss:类似Css
Js:类似浏览器中的js,这里js运行在微信app上下文,不能操作DOM

小程序的服务器配置

前端:嗯嗯,不需要了,腾讯大方的让你放了。
后端:需要你自己买了。

服务器域名

服务器域名是调用wx.request等的请求去拉取数据的域名。 一般返回为JSON字符串

  1. 设置服务器域名:管理后台中,开发-开发设置
  2. 需要准备支持HTTPS的服务后台
  3. TLS 版本 1.2+ 【在线检测:https://www.ssllabs.com/ssltest/index.html】

业务域名

业务域名是小程序的webview组件要引入的其他H5地址的URL的域名或者网页里面的iframe的域名

  1. 设置业务域名:管理后台中,开发-开发设置
  2. 需要准备支持HTTPS的服务后台
  3. TLS 版本 1.2+

发布

主要是在管理后台操作了,这里不赘述。

PDF下载:****的我的资源内搜索,微信小程序介绍.pdf。