构建灵活的小程序开发环境

1、构建灵活的小程序开发环境目录小程序能做什么360 PC小程序架构及部分细节剖析发布流程未来展望小程序能做什么l App/程序能力的对外释放l把灵活的web开发方式引入应用开发l减少网络请求，优化启动速度l推送和消息机制l轻量的安装与卸载 l实现中心化的分发与跨平台运行360 PC小程序还能做什么？l 无需打开浏览器，像原生程序直接进入小程序l 极轻量的安装与卸载l 同一屏幕可以同时打开多个小程序l 主要舞台在PC端，有更大的操作空间，可自定义的展示尺寸l 是移动端小程序在PC场景下的补充和完善l 丰富的消息推送机制（桌面消息、侧边栏消息）l 主要的宿主本身就是浏览器，离web更近l 360主要

2、业务产品不断加入，丰富、简易的唤起手段360超级流量矩阵，多产品全力助推小程序日活跃 1.3 亿，日均点击 4 亿日均PV 53 亿，月活跃 4.06 亿日均 8 亿检索量月活跃用户 5.15 亿日均 130 亿分发量加入W3C MINIAPPS ECOSYSTEM COMMUNITY GROUP360 PC小程序架构及部分细节剖析Windows系统浏览器内核NativeAPINative 组件开发者工具JsBridge框架API组件文件网络 设备位置布局媒体 登录导航画布容器游戏引擎网络界面媒体支付广告位置登录小程序小程序小程序小程序小游戏小游戏小游戏脚手架编译器转换器vue基于VUE框架1

3、70+170+API35+35+个组件脚手架交互和命令 式脚手架编译工具开源的编译工具展示用例完备的展示用例沙箱环境通信效率制约操作效率同步操作变成异步操作有一定的学习成本大多数的库需要做适配沙箱环境的一些制约沙箱环境的一些制约沙箱环境的一些制约设立安全域白名单，将请求资源限制在一个可列范围内。使用CSP标准，控制资源加载的各个主要层面。在保证代码脚本可用的基础上，禁用掉危险的标签禁用危险DOM/BOM API方式，保证内容安全。沙箱环境360PC小程序框架与生命周期框架基于Vue 2.6 框架兼容Vue的生命周期和主流小程序的生命周期一切皆是Vue组件APP级和Page级生命周期APPPag

4、ebeforeCreatebeforeCreatecreated onloadcreated/onloadonShowonShowmouted onReadymouted onReady生命周期APPPageonHideonHidebeforeDestory onUnloadbeforeDestory onUnloaddestroyeddestroyed生命周期APPPagebeforeUpdateupdatebeforeUpdateupdateonShowonHideonShowonHidedataChangedataChangevisibilityChangevisibilityChang

5、eAPIAPI与主流小程序的API高度一致统一代理模式，方便对API进行友好的参数校验Promise链式和Success方式兼容CanIUse与版本号配合，解决开发者、用户的适配问题API: 参数验证API:PromisifyAPI: Promisify基于Vue的组件库基于Vue的组件库工作流qihoo/seapp-builder将小程序源码转化为小程序可执行程序qihoo/vue-cli-plugin-mpqh初始化小程序结构qihoo/wx2qh微信小程序转360PC小程序工作流：脚手架命令行形式：vue create -i _isPreset:true,plugins:qihoo/vue-cli-plugin-mpqh:交互式形式我们的内部迭代完善的单元测试和回归测试自动的运行时集成脚本基于业界成熟方案自研的持续集成环境完善的版本控制和兼容方案我们的内部迭代一款小程序