小程序 - 各种小程序「微信/支付宝/百度等」 - 学习/实践

1.应用场景

主要用于学习和快速高效开发小程序,完成需求开发。

2.学习/操作

1. 文档阅读

小程序技术演进史 -- 推荐阅读

手册: 教程 | 《小程序开发指南》。// 开发者文档

推荐教程: 微信小程序开发入门系列教程 | Laravel 学院  //微信小程序开发入门系列教程

代码托管:

登录 - 微信开发者代码管理  // 微信公众平台-版本管理

https://github.com/ningxiaofa/weixin-mini-program-demo // GitHub

weixin-mini-program-demo: Learning and developing weixin mini program //  gitee

微信小程序UI库

Lin UI  // Lay UI

https://github.com/TaleLin/lin-ui  // source code

插入:----  20210329 家里

https://github.com/search?o=desc&q=蓝牙微信小程序&s=updated&type=Repositories  // 蓝牙微信小程序

选了几个微信蓝牙小程序:

https://github.com/chenlongming/ColorMeterWechatMiniprogramDemo

https://github.com/xuhongv/ESP32WiFiBleControlProject

https://github.com/arsize/ble

https://github.com/867339205/smart_car_20210122

https://github.com/cwlwebapp/wechat-bluetooth

https://github.com/diaoerlangdang/wechat-BleDemo

文档:

微信小程序蓝牙BLE开发实战——API及流程介绍(一)_Smile_ping的博客-CSDN博客_微信小程序蓝牙ble

微信小程序蓝牙 API教程完整版

微信小程序蓝牙功能_独孤求赞的博客-CSDN博客_微信小程序蓝牙

wx.writeBLECharacteristicValue(Object object) | 微信开放文档

微信公众平台

微信开放文档

教程 | 《小程序开发指南》

微信小程序 - 视频教程 - 收集_穿素白衫的少年的博客-CSDN博客  //分享几个微信小程序的视频教程

慕课网实战课程 - 提升个人技术的真实项目演练  // 微信小程序入门与实战 常用组件API开发技巧项目实战

微信小程序开发入门系列教程 | Laravel 学院  //微信小程序开发入门系列教程

https://github.com/justjavac/awesome-wechat-weapp  //微信小程序开发资源汇总

2. 整理输出

环境

环境一:

Windows10 64位 专业版

Laravel 5.8 / 5.7 

Phpstudy v8.0

环境二:

Mac pro 2019

Docker + LNMP

2.1 什么是小程序?

个人看法:

轻量化App,嵌入原生超级App中,依赖寄体的生态。

小程序,终于成为了超级 App 的标配。

2.2 为什么需要小程序「应用场景」

小程序本质上是html5「WebView」,HTML5 于 2007 年在 W3C 立项,与 iPhone 发布同年。

乔布斯曾期待 HTML5 能帮助 iPhone 打造起应用生态系统。「h5本来就是最先被苹果公司寄予厚望的」但 HTML5 的发展速度并不如预期,它虽然成功地实现了打破 IE+Flash 垄断局面的目标,却没有达到承载优秀的移动互联网体验的地步。

于是在 iPhone 站稳脚跟后,发布了自己的 App Store,开启了移动互联网的原生应用时代。

随后的 Android,本来是基于 Linux 的 OS,与之同期的 MeeGo 等竞争对手采用 C + HTML5 的双模应用生态策略,然而 C 的开发难度太大,HTML5 体验又不行。Android 依靠 Java 技术生态,在竞争中脱颖而出。

于是在移动互联网初期,应用生态被定了基调 —— 原生开发。

在那个时候,硬件不行,也没有其他办法,原生开发才能在低配硬件上带来商用体验。

但大家都在怀念 HTML,那种无需安装更新、即点即用,直达二级页面的特点,一直让人迷恋。

国内有一批做浏览器的厂商,尝试去改进 HTML5,他们提出了轻应用的概念。

通过给 WebView 扩展原生能力,补充 JS API,让 HTML5 应用可以实现更多功能。

不过这类业务没有取得成功,HTML5 的问题不止是功能不足,性能体验是它更严重的问题,而体验问题,不是简单地扩展 JS 能力能搞定的。

这类业务发展的顶峰,是微信的 JS SDK。

作为国内事实上最大的手机浏览器,微信为它的浏览器内核扩充了大量 JS API,让开发者可以用 JS 调用微信支付、扫码等众多 HTML5 做不到的功能。

。。。 

还有故事,建议仔细阅读 -- 小程序技术演进史

2.3 什么时候出现「历史发展」

小程序这个由微信带头的产物,格外鲜明地体现了移动互联网的「时机」这个词,早在微信小程序之前,有力推轻应用的百度,有来自 HTML5 中国产业联盟的 DCloud 所主张的流应用,但最终却都已经淹没在了移动互联网的历史长河之中。唯有微信小程序风生水起,更是带动了巨头们的争相入场。

小程序迎来了专属于中国移动互联网的群雄逐鹿的时代。

从原生应用到 HTML5 再到如今的小程序,小程序的技术演进历程。

已经支持小程序的超级App:

微信、企业微信、QQ、支付宝、高德地图、手机淘宝、百度、百度贴吧、百度地图、今日头条、抖音……

2.4 实践

这里以微信小程序为例

插入

摘录自司徒正美 《前端开发20年变迁史》

小程序发展史

2.x 开发一个Demo,并且上线

1.准备工作

TBD

2.搭建环境

TBD

3.设计开发

TBD

4.测试发布

TBD

5.开源项目

抱歉,该内容已被作者删除 - 知乎 //有哪些比较好的微信小程序开源项目?

后续整理

...

3.问题/补充

1. 小程序【微信】的登录流程是怎样的?

TBD

4.参考

参见文档阅读列表

后续补充

...

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值