从Chrome App看微信小程序的发展前景

2024-04-06 02:03:43

关于微信小程序的消息算是这几天互联网新闻中的一个热点话题，各种推想猜测也是层出不穷。小程序只是处于一个内测阶段，但是，2010年谷歌公司也曾经开发过基于Chrome浏览器的Chrome App，两者虽然是两款不同的产品，但是在很多地方都有很多的相似之处，对Chrome

App的了解也许对我们对小程序的发张和前景的分析带来一定的帮助。

关于微信和Chrome

首先就是关于微信和Chrome两个平台的状况，微信给的月活跃用户为7亿而Chrome仅仅移动版就有10亿的用户数量，两者都拥有巨大的群众基础，Chrome的应用商店中，种类繁多的应用、游戏、程序拓展给Chrome的使用场景和功能带来了巨大的扩展，围绕着浏览器而打造的各类应用帮助谷歌完善了浏览器本身的功能，满足了各种需求，同时良好的可拓展性在一定程度上也给Chrome带来了口碑以及跟多的使用着；而微信，在经历了很长时间的发展之后，早就已经不是一个简单的即时通讯的软件了，在推出了公众号以及企业号之后，即将推出的小程序可以说在一定程度上又一次的丰富了微信的功能和使用场景，无论如何，可以预见的是小程序会给微信带来诸多的变化和发展的可能性。

关于ChromeApp

在Chrome的应用商店，有应用、游戏、主题、程序拓展四个类别，对其还可以再进一步的划分就是——基于浏览器拓展的应用以及主题，而另一类应用和游戏，相对于前者更像是一个基于Chrome的独立程序和应用，自由度更大，在离线的条件之下也可以启动和使用，同时谷歌还开发过Chrome App启动器使得这些App的独立于浏览器进行使用。

但是，值得一提的是在一个月之前，谷歌宣布停止针对主流操作系统的Chrome App服务支持，其所指的App就是第二类相对独立的应用和游戏，而各类的程序拓展和主题的服务将会一直持续下去。

谷歌的这一举动是有诸多的方面的原因的，首先就是Chrome App本身的原因，相比起传统的桌面级App，Chrome App更加的轻量，依靠互联网，用户可以在不同的设备上方便自如的切换和使用。同时，他的缺点也依然是十分显然的，就是作为一个应用，用户在需要足够的专业性和更加强大的娱乐性的时候，Chrome App都没有足够的能力来满足用户，同时，在如今云服务已经越来越普及的今天，他在同步上的优势也不再那么的明显了。

与Chrome App的相对应的就是，在谷歌商店中的各类主题和拓展应用的使用者数量是庞大的，他们是应用商店中的主要受众对面，基于浏览器的各种使用场景的拓展应用，满足用户的各类使用需求，各种拓展相互配合是可以给用户带来足够出色的使用体验的，这也是Chrome在一些深度用户中口碑效应明显，而且用户忠诚度高的重要因素。但是，Chrome应用商店本身的入口并不明显，而且，作为应用拓展他们的使用复杂性相对与一般的App来说要大一些，无法给用户直观的用户体验的改善，所以，在普及度上依然存在着一定的缺陷和不足。

总的来说，Chrome App在浏览器层面取得了不错的成绩，在提高用户体验丰富使用场景都取得了不错的成绩，但是在独立App方面，太过于轻量级而束缚了自己的发展，不过值得注意的Chrome App跟多的是针对桌面级应用，在移动端安卓端有一定的涉及但是并不深入，相比起微信主要面向移动端的小程序两者虽有相似但是仍然存在些许的差异和不同。

关于小程序

从现在的已经公布的信息来看，小程序在模式上与Chrome App更为相似，微信只是作为一个入口，小程序与微信本身的交互和协作并不是小程序方向。这样也是易于理解的，微信本身有很高的完成度，第三方的拓展很有可能使得微信变得臃肿，影响用户体验。小程序不需要安装，相比起其他应用更加轻便，用户在需要使用这一个功能的时候，通过扫码或者搜索找到应用，与微信所提倡的“用完就走”的理念相吻合，所带来的是一种更加轻便的使用体验。

在这样的理念和操作模式下，预想的使用情况和具体的用户反馈以及最终可以取得的效果都是很难去预测的，但是，借鉴Chrome App的表现我们还是可以做出一个大致的判断和推测。

Chrome App中大放异彩的各类拓展应用在很大的程度上是因为这些应用出色的适应性，提高了使用者的生产力和使用效率，在一定的意义上就是一种工具类和服务类的应用，这一点在小程序的层面也同样可以预见。一方面，对于一款全新的应用，工具类的App总是可以更容易体会到其价值，就像人们可以更容易的感受到闹钟的价值，而只有在一定量的使用之后才可以感受微博的使用价值，这也就是为什么苹果推广iPhone丰富的App Store时使用的是更多的工具类应用。另一方面，小程序作为一个微信内部的功能，注定需要用户通过跟多层级的点击来开启程序，在这样的前提下，各类服务类和工具类App其良好的适应性和在个体用户层面的低频性都可以很好的于小程序相适应，加上其“用完就走”的特性，可以预见的各类工具服务类应用在小程序上会有不错的表现。

小程序作为一个应用，其相对于微信的前两个拓展公众号和服务号其功能更加的丰富和强大，而前两者以及依靠微信强大的用户量和传播力在用户运营方面取得了不俗的成绩，如今依然有各种依靠朋友圈的各类营销活动来拉拢用户，而小程序其本身的轻便与运营这一种“一次性”特点的活动有很好的适应性，可以预见的是在小程序更加丰富的功能可以带来更加具有影响力的运营活动。

除此之外，Chrome

App的优势是轻便和云储存带来的无缝切换和操作，但是其在专业性和娱乐性上的缺失成为了其发展的局限。而小程序在轻便上的特点更加的出众，而移动端对于专业性和娱乐性的要求相对于桌面端要求要低一些。这些种种因素都可以看出，微信小程序相比起Chrome App更强的适应性和可能性，但小程序的各种缺点和同样是明显的。

就像很多人都提到的，小程序需要从微信进入，相比起一般的App多了至少一步的操作步骤，可以预见的是其对于各类高频App的发展是会带来很大的影响的，对于这个问题，Chrome App曾经开发过Chrome App启动器来解决这一问题，但是，显然微信是不会重现开设一个新的入口来解决这个问题的。同时，传统移动App一个特点就是方便快捷的切换和使用不同的各类App，而小程序在“用完就走”的理念之下显然是不支持这一点的，这在一定意义上来说也制约了一部分程序的使用，而且，在一定程度上也会对微信的使用产生一定的影响。

从Chrome App到小程序

在一定程度上来说，两者在很多方面来说都是十分相似的，但是相比起Chrome App来说，小程序基于移动端的优势更加明显，和平台本身也更加的契合，更加的轻便，使用场景更加的丰富，具有更加强大的传布途径，这些都是小程序在未来可以创造出怎样的可能性的关键所在。同时，自身平台的局限性也同样会影响到小程序的发展。扬长避短，搭配自身强大的传播力才是小程序的发展方向。

微信小程序 audio 组件实例详解

音频播放已经封装的很好!只需配合属性设置即可! (method和data配合使用) 主要属性: wxml <audio action="{{action}}" src='http://sc1.111ttt.com/2016/1/09/26/202261732256.mp3' poster= 'http://avatar.csdn.net/E/3/9/1_u014360817.jpg' controls="true" name="钢琴曲" a
微信小程序（十三）progress组件详细介绍

进度条描述的是一种加载的状态,比如软件升级下载进度, 视频,图片下载进度- 主要属性: wxml <progress percent="80" show-info="true" stroke-width="5" color="red" active="true"/> 相关文章: hello WeApp icon组件 Window
微信小程序（二十一）switch组件详细介绍

switch开关组件使用主要属性: wxml  <view>switch类型开关</view> <switch type="switch" checked="true" bindchange="listenerSwitch"/>  <view>checkbox类型开关</view> <s
微信小程序（八）View组件详细介绍

刚看到这个效果的时候还真是和ReactNative的效果一致,属性也基本的一样. view这个组件就是一个视图组件使用起来非常简单. 主要属性: flex-direction: 主要两个特性"row"横向排列"column"纵向排列 justify-content 主轴的对齐方式(如果flex-direction为row则主轴就是水平方向) 可选属性 ('flex-start', 'flex-end', 'center', 'space-between', 'spa
微信小程序 (十七)input 组件详细介绍

input输入框使用的频率也是比较高的...样式的话自己外面包裹个view自己定义.input属性也不是很多,有需要自己慢慢测,尝试主要属性: wxml  <view class="inputView" style="margin-top: 40% "> <input class="input" type="number"
微信小程序（十六）form组件详细介绍

form表单组件是提交form内的所有选中属性的值,注意每个form表单内的组件都必须有name属性指定否则提交不上去,button中的type两个submit,reset属性分别对应form的两个事件主要属性: wxml <form bindsubmit="listenFormSubmit" bindreser="listenFormReser" > <checkbox-group name="checkbox" bind
微信小程序（九）scroll-view组件详细介绍

scroll-view为滚动视图,分为水平滚动和垂直滚动.注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效.滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块主要属性: 使用演示: wxml  <scroll-view scroll-y="true" style="height: 200px"> <view style="background: r
微信小程序（十四）button组件详细介绍

button按钮用的算是最普遍的组件之一. 主要属性: wxml  <button type="defaule" bindtap="clickButton">Defalut</button>  <button type="primary" disabled="true" loading=
微信小程序 modal组件详细介绍

modal弹出框常用在提示一些信息比如:退出应用,清楚缓存,修改资料提交时一些提示等等. 常用属性: wxml  <button bindtap="listenerButton" type="primary">弹出modal</button>  <modal title="退出应用" hidden="{{hiddenModal
从Chrome App看微信小程序的发展前景

关于微信小程序的消息算是这几天互联网新闻中的一个热点话题,各种推想猜测也是层出不穷.小程序只是处于一个内测阶段,但是,2010年谷歌公司也曾经开发过基于Chrome浏览器的Chrome App,两者虽然是两款不同的产品,但是在很多地方都有很多的相似之处,对Chrome App的了解也许对我们对小程序的发张和前景的分析带来一定的帮助. 关于微信和Chrome 首先就是关于微信和Chrome两个平台的状况,微信给的月活跃用户为7亿而Chrome仅仅移动版就有10亿的用户数量,两者都拥有巨大的群众基础
mpvue+vant app搭建微信小程序的方法步骤

mpvue使用 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project # 安装依赖 $ cd my-project $ npm install # 启动构建 $ npm run dev vant使用 yarn add vant # 将node_modules下的vant-weapp下的dist目录复制到s
微信小程序开发探究

前段时间比较流行的微信小程序,因为一直没有所谓内测码也没具体关注.拖到现在正好借组内分享的时机来仔细了解一下微信小程序.了解一个新的事物无外乎从是什么(本质),怎么用(具体用法),为什么用(优缺点)来学习,首先分析一下微信小程序是什么,听起来比较高大上,说实话原来我确实挺疑惑,到底这一套是什么开发机制,native?hybrid?纯h5?看网上各种教程上来就说api说语法,感觉不先理清楚是什么的问题就去搬api过来纯粹是耍流氓. 一.微信小程序是什么: 言归正传,微信小程序的本质是什么?
微信小程序框架详解及实例应用

快速了解微信小程序的使用,一个根据小程序的框架开发的todos app 微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程,做了一个常规的todo app.这个app基于微信小程序的平台,实现了todo app的常规功能,同时为了让它更接近实际的工作场景,也用到了loading与toast这两个组件来完成一些操作的交互与反馈.这个平台给我的直观感受是
微信小程序之裁剪图片成圆形的实现代码

前言最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在github上看了一些例子,一般剪裁图片用的都是方形,所以自己打算写一个小组件,可以把图片剪裁成圆形,主要思路就是使用canvas绘图,把剪裁的图片绘制成圆形,另外剪裁图片的窗口还可以移动放大缩小,这个功能就用了微信组件movable-view,好了,该说的也说完了,下面咱们开始撸代码. movable-view组件可移动的视图容器,在页面中可以拖拽滑动会有好多个属性,在这里不一一介绍,只说我们能
C#程序员入门学习微信小程序的笔记

前言因为工作需要,最近学习了一下微信小程序,在此分享一下大概的流程. 强烈建议大家先去看微信小程序简易教程:点我进入起步客户端打开小程序的时候,就将代码包下载到本地进行解析,首先找到了根目录的 app.json ,知道了小程序的所有页面. 在这个Index页面就是我们的首页,客户端在启动的时候,将首页的代码装载进来,通过微信的机制,就渲染出来了页面. App({ onLaunch() { // 小程序启动之后触发 } }) 小程序在启动的时候,首先通过 App() 定义的 App() 实
微信小程序在Chrome浏览器上运行以及WebStorm的使用

「微信小程序」的开发框架体验起来,还不错--自带了UI框架.但是问题是他的IDE,表现起来相当的糟糕--其实主要是因为,我当时买WebStorm License买了好多年.所以,我觉得他的IDE真不如我这个付费好用. 而且,作为一个拥护自由和开源的「GitHub 中国区首席Markdown程序员」.微信在「微信小程序」引导着Web开向封闭,我们再也不能愉快地分享我们的代码了. 如果我们放任下去,未来的Web世界令人堪忧. 好了,废话说完了: 文章太长不想看,可以直接看Demo哈哈: GitHu
微信小程序学习(4)-系统配置app.json详解

"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#f0f", "navigationBarTitleText": "我的微信小程序", "navigationBarTextStyle":"black", "backgr
windows上利用charles抓取微信小程序数据包,手机APP数据包(HTTP与HTTPS数据包)

1.下载charles包.安装 Charles Proxy抓包工具 v4.1 破解文件 win64 附破解方法 2.关闭电脑防火墙打开控制面板,选择Windows防火墙,关了(不关很可能没法抓包,在这栽过坑) 2.连接手机 2.1 用数据线把手机连上电脑 2.2 查电脑ip,命令行输入 ipconfig 2.3 修改手机网络代理手机网络改为代理,ip为电脑ip,端口8888(charles默认端口,若被其他程序占用可修改,原则是保持电脑和手机一致) 3.安装SSL证书 (大多数app或小程序
MAC系统利用charles抓取微信小程序和手机APP数据包(http和https数据包)

本文中使用的是mac上的抓包工具charles进行抓包,手机是华为荣耀8 下载并安装Charles for Mac Charles for Mac(HTTP信息抓包工具) V4.2.5 苹果电脑版要想抓取到微信小程序的数据首先要解决的第一个问题件就是如何通过charles抓取手机上的数据具体配置过程如下: MAC上的Charles设置第一步,charles上通过proxy->proxy setting进入代理设置,入口如下图所示点击后进入如下所示界面记住此处的port,默认为8888,也

从Chrome App看微信小程序的发展前景

相关推荐

随机推荐