`
腾讯攻城师tom
  • 浏览: 52480 次
  • 来自: 深圳
社区版块
存档分类
最新评论

微信小程序在微信APP里如何运行的?

阅读更多
小程序是如何在微信 App 里运行的呢?

微信 App 里包含 javascript 运行引擎。

微信 App 里包含了 WXML/WXSS 处理引擎,最终会把界面翻译成系统原生的控件,并展示出来。这样做的目的是为了提供和原生 App 性能相当的用户体验。

引用
本文来之「H5程序俱乐部」公众号
「H5程序俱乐部」是一个专注微信小程序学习交流,相关外包/招聘需求信息发布的微信公众号




我们来模拟下小程序加载运行的过程:

用户点击打开一个小程序

微信App从微信服务器下载这个小程序

分析 app.json 得到应用程序的配置信息(导航栏,窗口样式,包含的页面列表等)

加载并运行 app.js

加载并显示在 app.json 里配置的第一个页面

这个只是从开发者眼中看到的一个简化版的过程,实际过程应该比这要复杂得多,涉及到浏览器线程(就是运行我们的逻辑层代码 app.js 等的线程)和 AppService 线程之间的交互。从官方网站上的一个图片可以看出端倪:



微信 App 是如何与小程序的逻辑层 javascript 交互的呢?可以简单地归纳如下:

JavaScript 是脚本语言,可以在运行时解释并执行。微信 App 里包含了一个 JavaScript 引擎,由它来负责执行逻辑层的 JavaScript 代码。那么 JavaScript 调用的小程序相关 API 怎么实现的呢?答案是最终会被翻译成实现在微信 App 里的原生接口。比如开发者调用 wx.getLocation(OBJECT) 获取当前地理位置,微信 App 里的 JavaScript 引擎在执行这个代码时,会去调用微信 App 里实现的原生接口来获取地理位置坐标。

从以上流程可以看出,微信小程序的运行环境应该更类似于 ReactNative,而不是纯Html5。两者最大的不同在于,ReactNative 的界面是由原生控件渲染出来的,而 Html5 的界面是由浏览器内核渲染出来的。两者在性能上有较大的差异。

微信小程序最大的好处是不需要做设备适配,只要微信能运行,小程序就能运行。
  • 大小: 18.7 KB
  • 大小: 39.6 KB
1
4
分享到:
评论

相关推荐

    微信小程序_模仿拉钩招聘APP源代码(源代码+截图)

    微信小程序_模仿拉钩招聘APP源代码(源代码+截图)微信小程序_模仿拉钩招聘APP源代码(源代码+截图)微信小程序_模仿拉钩招聘APP源代码(源代码+截图)微信小程序_模仿拉钩招聘APP源代码(源代码+截图)微信小程序_模仿拉钩...

    微信小程序 招聘行业 仿拉钩App小程序 (源代码+截图)

    微信小程序 招聘行业 仿拉钩App小程序 (源代码+截图)微信小程序 招聘行业 仿拉钩App小程序 (源代码+截图)微信小程序 招聘行业 仿拉钩App小程序 (源代码+截图)微信小程序 招聘行业 仿拉钩App小程序 (源代码+...

    微信小程序 商城 (源码)

    微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)微信小程序 商城 (源码)...

    毕业设计-微信小程序-时间管理App源码.zip

    毕业设计-微信小程序-时间管理App源码 毕业设计-微信小程序-时间管理App源码 毕业设计-微信小程序-时间管理App源码 毕业设计-微信小程序-时间管理App源码 毕业设计-微信小程序-时间管理App源码 毕业设计-微信小...

    微信小程序仿豆瓣电影源码

    微信小程序仿豆瓣电影源码微信小程序仿豆瓣电影源码微信小程序仿豆瓣电影源码微信小程序仿豆瓣电影源码微信小程序仿豆瓣电影源码微信小程序仿豆瓣电影源码微信小程序仿豆瓣电影源码微信小程序仿豆瓣电影源码微信小...

    【微信小程序-毕设期末大作业】仿网易云音乐微信小程序源码.zip

    【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大作业】微信小程序源码 【微信小程序-毕设期末大...

    模仿淘票票APP(微信小程序源代码)

    模仿淘票票APP(微信小程序源代码)模仿淘票票APP(微信小程序源代码)模仿淘票票APP(微信小程序源代码)模仿淘票票APP(微信小程序源代码)模仿淘票票APP(微信小程序源代码)模仿淘票票APP(微信小程序源代码)模仿淘票票APP...

    微信小程序 新浪读书 (源码)

    微信小程序 新浪读书 (源码)微信小程序 新浪读书 (源码)微信小程序 新浪读书 (源码)微信小程序 新浪读书 (源码)微信小程序 新浪读书 (源码)微信小程序 新浪读书 (源码)微信小程序 新浪读书 (源码)微信小程序 新浪...

    微信小程序 仿网易云音乐 (源码)

    微信小程序 仿网易云音乐 (源码)微信小程序 仿网易云音乐 (源码)微信小程序 仿网易云音乐 (源码)微信小程序 仿网易云音乐 (源码)微信小程序 仿网易云音乐 (源码)微信小程序 仿网易云音乐 (源码)微信小程序 仿网易云...

    微信小程序 一元夺宝主页设计 (源码)

    微信小程序 一元夺宝主页设计 (源码)微信小程序 一元夺宝主页设计 (源码)微信小程序 一元夺宝主页设计 (源码)微信小程序 一元夺宝主页设计 (源码)微信小程序 一元夺宝主页设计 (源码)微信小程序 一元夺宝主页设计 ...

    微信小程序 餐饮美食 美食菜谱 (源代码+截图)

    微信小程序 餐饮美食 美食菜谱 (源代码+截图)微信小程序 餐饮美食 美食菜谱 (源代码+截图)微信小程序 餐饮美食 美食菜谱 (源代码+截图)微信小程序 餐饮美食 美食菜谱 (源代码+截图)微信小程序 餐饮美食 美食...

    app跳转微信小程序

    最新微信jar包,支持微信分享,登陆,公众号开发,支持异动app跳转微信小程序 亲测有效

    微信小程序 新闻资讯 知乎 (源代码+截图)

    微信小程序 新闻资讯 知乎 (源代码+截图)微信小程序 新闻资讯 知乎 (源代码+截图)微信小程序 新闻资讯 知乎 (源代码+截图)微信小程序 新闻资讯 知乎 (源代码+截图)微信小程序 新闻资讯 知乎 (源代码+截图)...

    微信小程序 外卖点餐 仿美团外卖 (源代码+截图)

    微信小程序 外卖点餐 仿美团外卖 (源代码+截图)微信小程序 外卖点餐 仿美团外卖 (源代码+截图)微信小程序 外卖点餐 仿美团外卖 (源代码+截图)微信小程序 外卖点餐 仿美团外卖 (源代码+截图)微信小程序 外卖...

    微信小程序源码-仿酷狗音乐微信小程序

    微信小程序是一种轻量级的应用开发平台,由腾讯公司于2017年推出,旨在提供一种快速构建应用的方式,无需安装即可在微信内使用。这款“仿酷狗音乐微信小程序”源码,是开发者基于微信小程序平台,模仿知名音乐应用...

    微信小程序源码-仿拉钩App小程序.zip

    微信小程序源码-仿拉钩App小程序.zip微信小程序源码-仿拉钩App小程序.zip微信小程序源码-仿拉钩App小程序.zip微信小程序源码-仿拉钩App小程序.zip微信小程序源码-仿拉钩App小程序.zip微信小程序源码-仿拉钩App小程序...

    【微信小程序-毕设期末大作业】在线小说小程序含后端源码.zip

    【微信小程序-毕设期末大作业】在线小说小程序含后端源码.zip 【微信小程序-毕设期末大作业】在线小说小程序含后端源码.zip 【微信小程序-毕设期末大作业】在线小说小程序含后端源码.zip 【微信小程序-毕设期末大...

    微信小程序 餐饮美食 麦当劳点餐 (源代码+截图)

    微信小程序 餐饮美食 麦当劳点餐 (源代码+截图)微信小程序 餐饮美食 麦当劳点餐 (源代码+截图)微信小程序 餐饮美食 麦当劳点餐 (源代码+截图)微信小程序 餐饮美食 麦当劳点餐 (源代码+截图)微信小程序 餐饮...

    微信小程序 节日祝福 祝福话 (源代码+截图)

    微信小程序 节日祝福 祝福话 (源代码+截图)微信小程序 节日祝福 祝福话 (源代码+截图)微信小程序 节日祝福 祝福话 (源代码+截图)微信小程序 节日祝福 祝福话 (源代码+截图)微信小程序 节日祝福 祝福话 (源...

    微信小程序开发的预约小程序项目源码.zip

    微信小程序开发的预约小程序项目源码.zip微信小程序开发的预约小程序项目源码.zip微信小程序开发的预约小程序项目源码.zip微信小程序开发的预约小程序项目源码.zip微信小程序开发的预约小程序项目源码.zip微信小程序...

Global site tag (gtag.js) - Google Analytics