小程序初体验与思考

最近手痒想体验一下微信小程序目前的开发手感,于是写了一个非常小的 Demo,也算是经历了开发小程序的完整步骤,这里想记录一下自己的感受与思考。

小程序简介

小程序最初是由微信提出并首发的,面向开放的新一代解决方案。微信小程序 官方介绍小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

从这里可以看出微信小程序的核心价值是构建生态,腾讯的战略目标是联系一切,希望用户在使用 App 时都通过微信这个入口来触达所有 App,其余后来跟上的各大厂的核心价值基本都是类似,只不过具备的不是社交的优势,而是别的方面。

小程序提供让第三方开发者接入平台的能力,可以使用小程序平台所提供的接口,例如在微信里转发,调用支付宝支付等,这都是不同平台所提供的不同能力,并将开发的应用做到平台中,也就是实现在微信或支付宝等 App 中访问开发者所开发的应用。

手机浏览器所做的事情就是通过这一个 App,触达所有网站,网站本质上也可以理解为一个 App,用户使用一个 App 来完成所以事情,本身很符合人性,小程序就想做这样一个事情,成为更高层面意义上的浏览器,触达所有 App。

小程序技术方案

对于这块,bang 的博客 从需求分析技术方案分析的很不错,在小程序出来之前,各大平台是怎么解决开放问题的呢,大都通过纯 H5 应用来实现开放,平台提供 H5 容器,并通过 jsapi 提供 Native 接口,第三方开发者开发 H5 应用并调用平台提供的接口,然后将 H5 应用嵌入到平台中,也可以使用平台提供的各方面能力。
这种方案有以下几个主要问题:

  • 平台对纯 H5 应用缺乏管控,开发者几乎可以随意改变应用,平台对这块的管控非常困难,作为平台如果没有管控能力是很危险的
  • 纯 H5 应用体验太差,无论是启动速度还是页面渲染速度都与 Native 相去甚远

第一个问题如果不能解决,那么平台对外开放就很难做的很大,因为越大则危险系数越高,如果设置高准入门槛,则盘子的大小会被限制住。

第二个问题如果不能解决,因为体验差,那么用户在使用时就不一定愿意使用平台所提供的,平台提供的基本上至少是二级菜单,或者操作两次才能触达,如果体验很差,那么相比独立 App 就完全处于劣势当中。

所以小程序解决方案需要做到管控、体验优秀这两点。

纯 H5 应用的升级版是离线包技术方案,能在一定程度上部分解决上面两个问题。

  • 提供离线包开发框架以及发布平台,用户将代码传到平台上,平台进行审核后发布,部分解决管控问题
  • 离线包会将包下载到本地,H5 容器在打开页面时打开的就是本地页面,将网络请求时间转换成 io 操作时间,能够提高页面的加载速度

但离线包解决方案是不够完美的:

  • 只提供开发框架不能完全限制开发者使用的 DSL,H5 是非常自由的,会造成审核扫描方案非常困难
  • 文件离线化只能部分解决体验问题,流畅度等还是无法解决

所以提供开发规范与 DSL,就可以针对 DSL 来进行审核扫描管控,并且可以抽出中间层,将 DSL 转换成原生 H5 应用,这样就可以用 H5 容器进行加载,也可以将 DSL 转换通过 RN、Weex 等技术做成 Native Node,从而达到近乎原生的体验。当然小程序对于管控和体验方面远不止上面这些,大的方向是一致的。

小程序与其他动态化解决方案的区别

小程序与 RNWeex 等的区别,从上面即可看出解决的问题不同,小程序解决的是开放问题,而 RN 和 Weex 解决的是动态化以及一次开发多端使用的问题。

小程序带来的变化

创业上,首选方案由开发 App 转变为开发小程序;就业上,小程序的出现直接冲击了移动端开发者的饭碗,

移动端开发成本目前已经相当高了,并且拉新和运营成本也很高,如果希望快速试错的话,那么现在还优先选择开发移动 App 无疑是一个非常错误的选择。小程序的开发和运营成本相对要低得多,并且依托于大厂的流量,如果做的好,会迅速有大量流量灌入,非常适合大部分创业公司。

但小程序也有自己的问题,比如张小龙希望小程序是即用即走这样的产品,这就意味着用户粘性很难保证,并且运营者很难直接触达用户,做一些运营活动就会比较困难,并且不是所有的产品都适合小程序,小程序也不是移动端 App 或网页的简单的移植,这都是需要运营者去思考的问题。

当前的小程序平台

前面说了小程序是面向开放的,所以要想吸引大批开发者入驻,本身就对这个平台提出了很高的要求。

首先是平台流量要大,这个是基础,只有流量大,小程序的流量才可能大,从而才能吸引开发者开发小程序。再者是有足够的开放能力,平台只有提供足够的接口,开发者才能更方便的开发。所以只有大厂大平台才能做小程序平台。

从上面两点来说微信非常满足,首先流量无可匹敌,平台也有足够的开放能力,并且还有先发优势,所以现在微信小程序是风生水起。

而别的平台也不甘落后,大厂先后发布了自己的小程序平台,比如 支付宝小程序百度小程序,在 BAT 先后发布小程序平台之后,今日头条近日也宣布即将发布自己的小程序平台,目前在内测当中,不日即会正式发布。

这几个大厂都有自己的生态链和特点,虽然流量不及微信,但是可以发挥自己的优势,比如支付宝的优势在于金融,那么做金融相关的小程序使用 支付宝小程序 便是一个不错的选择,百度小程序 则可有发挥他的人工智能等方面的优势,头条在算法和推荐以及内容方面优势明显,估计也会在这些方面做文章。

那么作为后来者,劣势很明显,开发者已经开发了 微信小程序 之后,再让他们重新开发别的平台的小程序无疑是一件非常困难的事情,所以后来者就将 DSL 做的和 微信小程序 基本一致,甚至提供转换工具,在代码几乎不需要做改动的情况下,转换成后来者平台的小程序。后来者提供的主体 Demo 和功能也处于跟随 微信小程序 的状态,在这个基础上提供例如芝麻信用等微信没有的能力。

小程序的开发门槛

小程序的开发门槛是比较低的,作为一个客户端开发工程师根据文档也能够迅速上手,无非是一些基础配置、标签和 API 接口的使用,于我而言最难的恐怕是做出复杂的效果与 CSS 相关的配置,但随着小程序第三方组件的日益完善,这块门槛则会进一步降低。

小程序开发基本步骤

小程序开发主要分为以下几个步骤:

  • 首先是在 平台 注册小程序开发者账号
  • 根据 文档Demo 代码 做基础配置
  • 根据文档开发页面,小程序的开发思路和 Vue 等是很相似的,之前做过一点 Vue 的开发,所以对这块还比较熟悉
  • 开发中需要的组件多去 Github 上看看,拿过来改改基本都可以用,后续熟悉了就可以开发自己的组件,小程序对组件化的支持还是足够的,但是不如 Vue 的方式舒服。组件化可以参考 wxSearch 的使用方式
  • 开发完成后,通过开发工具上的 Upload 上传,然后 提交审核,审核通过后就 OK 了

我开发的是一个记录家庭水果、饮料、化妆品等开封时间以及还有多长时间过期这样一个 Demo,目前数据都落到本地,后续继续完善以及补充服务端开发。微信也发布了 小程序云平台,但为了防止数据丢失,还是使用多个平台保存为好。

开发可参考 Blog1
Blog2

结语

小程序的出现对移动端开发岗位造成了巨大冲击,但本身门槛并不高,所以移动端开发者掌握小程序开发也是一个不错的事情。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容

  • 2017年伊始,小程序在猴年的尾巴终于石破惊天。而整个互联网圈也报之以空前的热情关注它,一时间,各种“小程序”讨论...
    行者慎思阅读 6,371评论 21 137
  • 看了《无问西东》,感触很深,电影谢幕,张震说,青春就这么些年,望爱你所爱,行你所行,听从你心,无问西东。陈楚生饰演...
    立兮阅读 116评论 0 0
  • 今天妈妈因为要去看姐姐,所以才让奶奶接我。 放学的时候,奶奶一边递给我火龙果,一边奶奶正在背我的书包。那火龙...
    潘健乐阅读 157评论 0 1
  • 今晚看《极速风流》电影,平时很少看赛车的电影,对这一块也兴趣不大,看得激动人心,激情澎湃。 一直以来,尼基(丹尼尔...
    李奕锦liyijin阅读 463评论 0 0
  • 迎面吹来凉爽的风 细雨亲吻甜甜的梦 星星月亮消失在夜空 风儿清唱悦耳的雨声 夜晚不再孤独 清风摇曳着枝头 吟唱着动...
    快乐的Alina阅读 345评论 11 16