小程序进阶从讲故事到讲质量

一个好的小程序应该具备的三个特色

小程序的开发和实际应用维护成为当代很多商家必不可少的工作之一，通过小程序可以满足当下移动互联网平台的运营支持，当然小程序的主要特点表现在于应用反馈好以及发展前景优，那下面让好的分享下一个好的小程序必备的三个特色：

一、用户交互体验好

交互体验作为任何程序行业当中都经常被提及的一个概念在小程序当中也是如此重要，基于手机端的操作而实现的整体视觉设计以及操作感受都直接决定用户对该程序的印象，从基本的整体设计到运转动态表现具备的科技感或视觉效果都是吸引用户的关键。

二、操作便捷功能实现简单

而同样在操作体验方面还需要重视的就是操作方式的便捷性表现和舒适性体验了，以更简单的操作实现符合客户需求的功能显然是现代呈现努力的方向，也是当代追求效率的时代当中必不可少的优秀特质之一。

三、客户反馈技术升级可靠

强调好的小程序的另一个特色在于其客户反馈渠道很好，也就是说通过建立客户交流社区的方式来搭建一个客户之间以及客户与商家的交流平台，这样能够让商家及时指导客户的意见反馈以及让客户有更好的社区归属感。

知名总结说一个优质的小程序必备以上三大特色，总结讲就是其在视觉设计以及相关动态交互方面会给用户非常舒适的感受，与此同时其在操作方面能够以便捷的操作实现更多优质的功能和解决更多的用户需求，当然也强调做好用户社区以及交流渠道也是重中之重。

在微信上有没有可以给小孩儿听故事的小程序，求推荐？不想下载那么多

有一个 叫 悦读荟 听故 事的小 程 序， 他 们 上面 每天 更新 一 个故 事 ，还 有数羊 哄 孩 子睡 觉 的，还有 亲 子讲 座 ，教 给 家长 亲 子 阅读 的 正 确方法，挺 有收获的 。

一个小程序的实施技术方案？

微信小程序上线大半年，大部分技术原理也有文章介绍了，本文尝试从需求出发探讨微信小程序技术方案的来源，以及最近公测的支付宝小程序技术方案的考量。

微信小程序

微信小程序的需求是让第三方开发者可以接入，可以使用微信的提供的接口去开发应用嵌入在微信里。对于这个需求，最简单的实现方案是：让外部开发者开发纯H5应用，在微信的H5容器里打开，容器提供微信native接口，就行了。在有小程序之前，已经有很多这样的业务接入，像京东购物，钱包里的各种友商大众点评/滴滴出行等，都可以认为是一个“小程序”，内嵌在微信里，能调用微信native接口，是不是沿着这种模式下去，把相应的接口开放给第三方，再提供个入口就行了？

实际上这种简单的方案不能满足需求，在产品上微信小程序有另外两个很重要的需求：

管控。作为一个平台必须对接入的应用有管控能力，必须能尽量精确控制应用的内容和类型，毕竟若出现非法应用平台是要承担责任的，H5的方式太过自由，开发者可以随时改变整个应用的内容，平台难以检测到这些改变，无法管控。另外H5开发质量参差不齐，平台也无法管控，这对于一向有洁癖的微信来说无法接受。

体验。作为一个“小程序”需要让体验接近原生，而上述像京东购物这些普通H5页面的体验不太行，包括启动速度/页面切换流畅度都有问题，跟原生体验没法比。

所有小程序的技术方案都是为了这两个需求服务。

管控

为了满足管控的需求，技术上微信做了两个事情：小程序框架和分离JS运行环境。

框架/DSL

H5太自由，首先要做的就是限制它的自由，怎样限制？自然是做个框架套住，让开发者只能按框架的规则去开发。那应该使用怎样的框架？

在PCSNS时代，Facebook做开放平台时有类似的场景，为了第三方开发者能在Facebook平台上开发，同时又能限制住开发者的权限，Facebook要求开发者使用自定义的一套DSL(FBML)去开发，而这个DSL能怎么写，最终能转成什么，如何执行，都是平台说了算，同时也可以很方便做代码扫描和审查。

小程序正好能借鉴这样的设计思路，界面不使用HTML开发，而是自定义一套DSL，这样就可以很容易配合审核/代码扫描/域名限制等系列措施去做管控，这就是小程序这一套框架的来源。这套框架通过wxml去描述界面，wxss描述样式，js去处理逻辑和数据，再通过工具一系列处理把这些转为HTML/CSS/JS显示在webview上，并处理界面交互和数据更新。

这样用一套框架去限制开发方式，再造一层DSL，除了管控外还有一个好处，就是容易进行针对性优化，DSL最终转成什么，最终如何执行渲染都由框架决定，上层不感知，可以做成由webview渲染，有条件也可以用类似RN的方案自己实现渲染层。

JS环境

通过框架限定开发方式后，管控上还有个问题，就是如何限制应用端类JS语言调用domAPI？小程序跑在webview上，渲染时必然要通过JS操作dom，如果小程序框架和应用JS代码都有权限操作dom，应用可能会通过各种方式在上线后绕过检查，注入JS调用dom接口去修改页面结构和内容，变成跟审核时不一样的应用。怎样能限制应用的JS调用dom的权限？微信想了个比较创新的解决方案，就是：JS运行环境与浏览器分离，运行在单独的JS引擎上。

脱离了浏览器，JS自然没有dom的调用权限，任何跟webview界面相关的API都无法拿到。而小程序框架核心JS运行在webview上，可以自由操作dom，通过小程序框架定义的机制，应用端通过wxml/wxss定义固定的渲染样式，JS端只管数据绑定，数据可以通过native桥梁从JS引擎传递到webview，JS端无法做任何渲染相关的操作，可以对渲染的内容有完整的管控权。

独立的JS运行环境除了满足管控需求外，也额外带来一些好处和一些坏处，好处在于：

多个页面可以共享一个JS运行环境，数据可以很方便地共享，整个小程序生命周期里共享同一个上下文，更接近APP的开发体验。

JS与页面渲染分离并行执行，不会出现JS执行时卡住页面渲染的情况，提升渲染性能。

坏处在于：

多了数据序列化传输的开销，数据需要从JS传到webview给视图层渲染，需要序列化为字符串格式再进行传输。

iOS上WKWebview的JS引擎比JavaScriptCore多了JIT优化，执行速度快很多倍，小程序的JS运行在JavaScriptCore上无法享受到这个优化。

由于管控需求过于刚需，这个方案带来坏处可以接受。

体验

小程序最主要的两个技术点—框架和JS运行分离都是源自管控需求，而体验上的需求就是由各种细致的性能优化组成了，很多文章也分析过，这里简单说下，包括：

离线包：整个小程序打包下发，不需要打开每个页面都去请求，减少第二次打开时间以及页面切换时间。

预加载：预加载多一个wkwebview放后台，用户打开小程序时省去初始化wkwebview时间。另外对于一个小程序内的页面切换，得益于框架的设计，可以做到预渲染模板，切换时再填充数据，加快渲染速度。

缓存：退出小程序后不会立即销毁，会在后台继续跑5分钟，在这期间用户切回小程序时速度快。

视觉：小程序首次加载通过loading和动画的方式过渡，拒绝白屏，给人一种快的感觉，同时提升了小程序的标识度。

剩下的就是围绕小程序这个平台的周边建设了，像组件，native接口，IDE，后台管理，版本管理，权限控制等基础支持。

支付宝小程序

策略

微信小程序推出时主要面向的场景是线下，希望商家能开发小程序，做像点菜买票这样的即时性应用，提升线下商户体验，支付宝作为线下战场的主要竞争对手自然要跟进。

支付宝要做小程序应该怎么做？可以根据自身的情况，定义另一套技术体系，让第三方接入。但这样的话第三方如果要同时接入微信和支付宝，需要开发两套程序，成本很高，而微信有先发和平台优势，很可能变成只开发微信小程序而放弃接入支付宝小程序，所以最好的做法是降低这里的接入成本，让微信小程序的代码可以复用在支付宝小程序上。所以支付宝小程序对外的框架/API/组件必须是跟微信小程序接近或力求一致，技术上没得选择，所以可以看到支付宝小程序公测版的文档很多跟微信一致。

实现

支付宝小程序框架对外接口是跟微信一样，又因为同样有管控/安全和体验的需求，有些策略是类似的，像独立JS环境，离线包，缓存策略等，但在小程序框架的实现上就跟微信完全不一样。小程序框架作为一层屏蔽了实现细节的DSL层，最终通过什么技术手段实现都可以是由框架底层自由定制的，这边底层架构基于蚂蚁前端团队多年的积累，最终web版小程序是以react为基础实现。

ReactNative

除了对外的跟微信一致的web版小程序，内部一直在尝试ReactNative版小程序，渲染层不适用webview，而是用RN去渲染，提升性能和体验，这也是小程序DSL层带来的好处，底层渲染引擎可以很方便地替换实现方案，甚至同时存在多套方案。

很多人问为什么不用weex，按我理解首先是蚂蚁的前端技术栈基于react，切换成本高，另一个RN相对weex成熟度高，社区支持度高，并保持着不间断的更新，相对友好。

RN本身不跨平台，iOS/Android有各自的写法，在RN的使用上，业界很多人各自实现了基于RN的跨三端或两端的开发方式（例如JDReact），也就是一次开发，能同时支持RN在iOS/Android两端做原生渲染，也支持fallback到webview渲染。这里小程序也算是这样一套方案，上层通过自定义DSL开发业务，部署时通过工具分别转换成三个平台不同的代码，在三个平台运行。

内部应用

小程序是一套对外的方案，主要用于第三方应用接入，因为上文也说了，框架上很多技术方案都是为了满足对第三方管控和安全方面的需求，而小程序相关的很多体验优化其实用纯H5也可以做到，内部业务用web版小程序开发并没有带来什么好处，反而增加学习成本。但RN版小程序不一样，它有一些优势，包括：

RN相对webview性能优势明显，秒开率高，交互也更流畅。

相对于单纯使用RN开发，使用小程序可以屏蔽平台差异，实现跨平台一次开发。

小程序有配套的开发环境/IDE/包管理等基础设施支持，无需再重复建设。

对于业务开发者，小程序不是全新的一套开发方式，在业界可复用，对于框架实现者，RN也是业界流行开源方案，有强大的社区支持。对内对外都避免了另外创建一套只能在内部使用的技术体系，极大降低技术成本。

基于这些原因，在蚂蚁财富这边一些内部原本应该使用H5实现的业务，也正尝试更多地使用小程序实现，以提升用户体验，目前部分基于小程序RN版开发的业务已在线上稳定运行，后续也会继续尝试把小程序RN版持续打造成高性能稳定的三端统一动态化方案。

小程序如何做软文推广

你好，我从两个方向回答你的这个问题，希望对你有帮助！

第一，小程序内如何做软文推广：

1、内容带动产品。小程序在上架新的商品时，你可以为这个商品赋予一个故事，简单介绍下设计理念、灵感来源，形成产品特有的含义，丰富产品内涵；节日或者说特殊节气时的内容带动购买欲望，写一篇科普文或者软文做产品推广。

2、资讯、论坛类的小程序的软文推广，这个需要你可以使用一个具有“同城”功能的小程序，这类小程序侧重的是信息的共享，像运营公众号一样你可以定期发布行业内新鲜资讯，行业运营案例、干货等等，在发帖界面交流看法，通过留存小程序用户达到软文推广的目的。

第二，小程序怎么推广？

一、线下入口

小程序码＆小程序二维码

“散布” 推广码是小程序线下获客的主要途径。相当于“地推”。但对市场部而言，线下投放推广码并非只为以量取胜，正确区分小程序码和小程序二维码之间的优劣之处，因地制宜的推广才能达到效益的最大化。而对于管理者而言，最重要的在于为每个二维码设立不同参数，以此实现分渠道统计获客情况，评估推广人员绩效。

例如，微信扫一扫旁边的摩拜单车，直接开锁骑走，又或者用微信扫一扫餐厅二维码，就可以下单点餐。摩拜单车小程序和餐厅点餐小程序没有对用户做任何宣传，只是小程序刚好在需要的时候出现在用户的旁边解决了用户的需求，而他们就成为了小程序的用户。

二、线上入口

a、巧用微信搜索入口

目前已有的小程序搜索入口有：微信顶部搜索框、小程序搜索、发现栏“搜一搜”

那么要如何通过搜索获得更多用户呢？有以下 3 个技巧：

1.?取一个容易被搜到的名字

小程序的名称需要结合自身产品特点，及用户对所提供服务的称呼习惯。不适合复杂难理解的词语，需要尽量把最关键和最常使用的词语放在名称的前面，且不宜太长。可根据品牌定位、品牌名称，以及当下热点、高频关键词等来取名。

当名称已被注册，则可在名称前面或者后面加上标志性的英文字母，比如：“美团外卖+”、“百度外卖 Lite”等。

2. 优化小程序描述关键词

在小程序后台“推广”模块，可配置最多 10 个关键词。那么该如何选择关键词呢？

初期，可以通过微信指数、综合百度指数等指数工具，交叉对比筛选近 1-3 个月的热门词来进行关键词设置。

另外可以坚持对现有用户的搜索习惯进行统计分析，结合热点信息，利用好一个月3次的修改机会，持续优化关键词。

关键词的选择方法可以借鉴百度投放技巧，但要记得和微信的使用情境相结合。

3. 越早注册越好

小程序的注册时间，对搜索结果也是有影响。越早注册的小程序，排名越靠前。

所以，有了好的创意，一定不要犹豫，占领先机也很重要。

搜索是微信搭建和完善小程序商业生态的一个重要决策，相信未来微信在搜索领域的探索会越来越深入，微信还会根据小程序的服务质量，使用情况，关键词相关性等因素共同影响搜索结果。为了避免新出小程序受此影响，6月小程序推出“搜索关键词广告”随后又上线品牌关键词，服务直达，未来搜索比重只会越来越高。

b、附近的小程序广告

任何拥有线下实体门店的企业都可以将自己的小程序展示到自己店铺五公里范围内的所有微信用户手机上，用户打开微信就能看到，通过小程序就能直接购买服务，或者导航到门店。附近的小程序是微信开放的关键流量入口，特别是对餐饮和零售业起着举足轻重的作用。同时，附近的小程序新增了广告投放渠道，该广告出现在附近小程序的第三行，点击即可以打开对应的小程序。

三、公众号

微信已放开公众号关联小程序的限制，一个小程序可以绑定500个公众号，单一公众号可以关联不同主体的 3 个小程序。同时，公众号这也是小程序入口最为丰富的一种，开发者们可以根据自己的需求灵活的搭建小程序和公众号之间的各种联系。关联展示、自定义菜单设置入口、公众号推文内嵌小程序入口，直接让客户打开使用，方便快捷。公众号底部广告位也正式向小程序开放，小程序可以直接付费在公众号底部进行大范围的推广。

四、借助微信的社交属性

想要成为爆款小程序，那绝不能忽视的就是利用社交进行传播。

如何利用好微信内的社交关系来引爆自己的小程序呢？这4招你一定要知道。

1.?玩转立减金

立减金是电商小程序在微信社交生态里破土的重要一环，已经帮蘑菇街、拼多多、玩物志等众多电商小程序提升了获利。

以“玩物志”小程序为例，在小程序中支付成功后，会生成小程序的立减金，“邀请好友一起领取”后就能即刻领取。

立减金其实在一定程度上类似美团和饿了么的分享红包，可以通过分享给多位微信好友，或分享到微信群来促成裂变式增长，而立减金的卡片式展示更具有吸引力。

用户领取立减金后，会放入卡包的“我的票券”中，打通了卡包的一级入口，用户下次再到该小程序内消费支付时，就能使用立减金。

除了电商之外，星巴克、周黑鸭等线下店也利用立减金为门店带来了更多客户。所以，电商和门店类小程序可不要错过这个利器哦。

2.?利用分享礼券形成裂变

星巴克利用小程序“用星说”，可以直接在微信里给好友送咖啡兑换券和电子星礼卡，这种小程序礼券的形式把社交营销玩得非常溜。

这对于其他小程序也有效仿意义，把分享礼券和自己的线下产品结合，利用微信和微信群的社交关系进行一次爆发式传播。

另外，还有专门的送礼小程序把这个方法玩出了花，也是一个值得借鉴的案例。

3.?小程序和 H5 的组合拳

在不到一天的时间内，一个公益活动在网上获得了 581 多万次捐赠，和 1502 多万善款。

腾讯公益通过一个 H5，便打爆了自己的小程序。

这也给了我们新的思路，通过 H5 进行活动的引爆，然后用小程序进行用户沉淀，好的创意可以不断复用，通过新的形式重新焕发光彩。

4.模板消息

模板消息是微信小程序在微信内部对每个用户生成的推送，对于任意类型的小程序都有着非常广泛的应用场景。内容类可以用它提示更新，电商类可以用它提示促销或未付款，工具类可以用它提示完成日常目标。每一次推送都是在让用户逐渐形成对小程序的依赖。

五、第三方推广

a、小程序商店＆公众号

通过付费或其他方式将小程序投放至第三方小程序商店进行宣传，乙方会根据具体规则推广小程序至首页或前列。

b、新媒体软文

通过推文的方式从微信及其以外的媒体平台将流量导入，需注意文案的客观性，和软文的优质度。找到媒体粉丝与小程序的目标用户具有很高共性的媒体也是推广的关键。

c、运营公司推广

将小程序委托于运营公司，转而在运营公司下的万千微信社群中转发流通促成大量激活。此方法的优点在于见效快，但缺点在于投放的用户群不一定都是小程序的目标用户，而如果产品本身存在问题的话，用户在小程序内的留存也不会很高。

六、付费推广

以上大都是一些“不花钱”的推广技巧，接下来要给大家总结的就是如何花最少的钱，达到最大的广告效果。

1.?搜索入口的官方广告位

早在 6 月中旬，微信就开启了第一波“小程序搜索广告”的灰度测试。

只要搜索拼多多、携程、同程等广告主的小程序名称，或是相应的关键词，在搜索结果的第一位，就能看到他们的广告。

近期，这个入口似乎又悄悄消失了，但搜索关键字依然能够看到相关小程序排名靠前，可以看出微信一直在不断尝试小程序广告的入口，我们一起继续观察。

2.?附近的小程序广告

打开“附近的小程序”，排在第三位的便是广告主。

同样的，下方也会出现了一个“广告”按钮。附近的小程序广告比较适合门店类和服务类小程序进行投放。

3.?钱包入口广告、微信卡券导流

微信钱包九宫格目前只有有深度合作的企业才入驻，我们拿不到广告位怎么办？

那就通过同样是一级入口的微信卡券来给门店小程序导流。

4. 公众号广告付费推广

目前广告主已经可以在后台新建“文中广告”，将公众号文章中的 CPC 广告与小程序中的产品进行联通。

即便你没有公众号，也可以通过投放“公众号文章广告”，把自己的商品卖给其它公众号的粉丝。

当然在选择公众号进行投放的时候，也需要和自己的产品属性结合，建议可以先进行小范围测试，根据测试结果再进行大规模投放。

最后，用户使用过的小程序，无论是在搜索栏还是附近小程序显示优先级都更高，所以可以通过微信群、线下放置二维码等各种手段，让用户能打开你的小程序。

目前小程序广告、小游戏广告、朋友圈广告等都支持小程序投放。已支持五种付费广告，搜索相关品类关键词，广告商的品牌就会得到优先展示，小程序将在后APP时代，拯救9800万实体企业。在微信做广告，是一件烧钱的事情，其效果是较好的，在预算充足的情况下，可以尝试一下，付费推广最为直接，而且在短期内就能见到效果。

小程序大市场

不论您是实力雄厚的广告主，还是想靠自己推广小程序的开发者，在每次推广过程中您都需要知晓本次推广活动所带来的效果。除了带来了多少新增，完成了多少转化这种必不可少的指标外，还需要将维度细分到不同的场景下。

在进行小程序推广时，应该明白人人都有的优势，便不是优势！大家都拥有小程序的60多个流量入口、共享微信10亿用户，既然大家的起点都一样，如何能拉开差距呢？其实小程序只是一个流量渠道，并非“灵丹妙药”——只有从自身出发，找到自身的优势并放大，才能在小程序赛道上和别人拉开距离。

后缀：小程序进阶：从讲故事到讲质量