h5打包成小程序

1.已有现成h5项目

要求不高，需要将现有的h5项目打包成微信小程序

1.1 登录微信公众平台，注册一个小程序，不懂自行百度，获取AppID(小程序ID)

1.2 打开微信开发者工具中创建小程序，填写前面注册小程序的AppID

1.3 修改app.json配置

• 打开app.json文件，pages项只保留 "pages/index/index" 这一行即可
• window项的navigationBarTitleText填写小程序名称1.

  {
    "pages": [
      "pages/index/index"
    ],
    "window": {
      "backgroundTextStyle": "light",
      "navigationBarBackgroundColor": "#fff",
      "navigationBarTitleText": "111",
      "navigationBarTextStyle": "black"
    },
    "style": "v2",
    "sitemapLocation": "sitemap.json"
  }

1.4 打开/pages/index/index.wxml文件，将里面的代码全部删除，添加下面这一行代码

<web-view src="https://....."></web-view>

代码里的https://....就是你H5网站的网址

1.5 点击详情 → 本地设置 → 勾选【不校验合法域名】来进行测试，如下图：

1.6 小程序正式上线的话，需要在微信小程序管理中心中，把H5域名添加为业务域名，如下图：

登录微信公众平台 → 开发管理 → 开发设置  → 业务域名：

2.从头开发一套多端使用的代码

2.1 mpvue：基于 Vue.js 的小程序开发框架，支持将 Vue.js 项目转换为小程序项目，包括 H5 页          面。

借鉴大佬文章：

 mpvue使用入门 - 简书

2.2 Taro：一款多端统一开发框架，支持将 React.js 项目转换为小程序项目，包括 H5 页面。

借鉴大佬文章： 

3.3 uni-app：一款基于 Vue.js 的跨平台开发框架，支持将 Vue.js 项目转换为小程序项目，包括            H5 页面。