❝如果你想同时做小程序和网站，那么你肯定会纠结先做哪一个，我的建议是先做网页。
ps: 本文主要是想介绍微信小程序的web-view组件，其实也可以使用uni-app或taro等跨端跨框架技术来开发。
引言
如果你想同时做小程序和网站，那么你肯定会纠结先做哪一个，我的建议是先做网页。这是因为当网页做好上线后，可以使用小程序的web-view组件，快速承载网页内容，同时上线小程序。
一.web-view 技术
微信小程序的 web-view 本质是“小程序内置的浏览器容器”，它能直接在小程序页面中嵌入外部网页，让你无需把所有功能都用小程序原生语法开发，而是复用已有的网页资源，快速实现小程序的功能落地。其相当于在小程序里“开了一个迷你浏览器”，网页的渲染、交互都由这个浏览器内核处理，小程序只负责提供容器和对接微信的生态能力（支付、分享、授权等）。
核心特性
网页嵌入无限制：只要是公开可访问的网页，都能嵌入小程序。 双向通信能力：web-view不仅仅是展示网页内容, 小程序原生端和嵌入的网页之间还能够互相传递数据。 保留小程序生态能力：嵌入的网页虽然是“网页内核”，但能触发小程序的核心功能，比如调用微信支付、调用微信分享。 适配多端：网页本身做好响应式设计（适配手机屏幕），嵌入 web-view 后就能在小程序中正常显示，不用额外适配小程序的屏幕尺寸。
相关配置
域名白名单配置（必备，也就是证明这是自己的网站）
1）登录微信公众平台（小程序后台）→ 开发 → 开发设置 → “业务域名”“服务器域名”中，添加你要嵌入的网页域名（比如你的官网域名
www.xxx-watch.com）。2）注意：必须备案的域名，且支持
HTTPS（微信要求，否则无法嵌入）
JSSDK 引入（非必备）
如果你需要使用小程序生态能力，需要在你要嵌入的网页中，引入微信官方的 JSSDK 脚本（JS-SDK 官方文档），才能实现和小程序的通信、调用微信支付/分享等功能。
详细介绍也可以参考：web-view | 微信开放文档
二.全流程分析
最后，我们来简单推演一下网站上线后小程序上线流程。
网站上线完毕。（按需引入JSSDK） 小程序注册 -> 微信认证 -> 备案 （大概2-4周左右） 小程序开发，使用web-view组件承载网页（一小时内就能整完） 配置域名白名单 上传审核 审核通过，发布上线。
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念，誠信務(wù)實的服務(wù)了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)（品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。
公安局備案號：
專屬顧問
