❝如果你想同时做小程序和网站，那么你肯定会纠结先做哪一个，我的建议是先做网页。
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组件承载网页（一小时内就能整完） 配置域名白名单 上传审核 -
审核通过，发布上线。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
