先附上Hiappy的链接 Hippy官网

前言：

选择Hiappy的缘由？

答：大佬要的，不是我选择，之前我甚至都不知道这是个啥。后来得知意图后明白，Hiappy主要是做一个web视角的客户端，怎么说呢，类似于在一个app里内嵌一个webview。有人问为啥不选择weex或者flutter？ 目前业界无更好的 Vue -> 端内原生的方案，weex从 2020 年之后已经基本上不维护和迭代了，其他的方案（Flutter/kiukly）更多是基于客户端视角出发去开发原生应用，对 Web 不友好。

话不多说立马开始！

1.运行项目

1.1 clone

git clone --branch master https://github.com/Tencent/Hippy.git

1.2 项目根目录运行命令 npm install 安装前端依赖。

1.3 项目根目录运行命令 npx lerna bootstrap 安装前端每一个 package 依赖。（Hippy 采用 Lerna 管理多JS仓库)

1.4 项目根目录运行命令 npm run build 编译前端 SDK 包。

1.5 选择一个前端范例项目来进行编译，项目根目录运行 npm run buildexample [hippy-react-demo|hippy-vue-demo]。

2.下载安卓studio和对应的sdk

下载此处略过...说一下坑点：

2.1 AGP的选择 这儿采用默认的 7.2.2版本 并点击 右边的 Run selected steps 进行安装（我这儿安装过了所以是灰色）

2.2 运行项目报错 CMake相关的时候，代表缺少对应的sdk，安装下图安装对应的sdk。

勾选对应的cmake并安装。

2.3 勾选对应的虚拟机设备

选择所需的设备进行安装启动，安装完成后会出现下图：

2.4 安卓手机采用adb安装的时候需要先在系统开启开发者选项,拿小米12pro举例 点击多次系统版本会提示进入开发者选项

开启usb调试和安装权限等。

2.5 此时用手机链接电脑，在运行项目，第一次会手机界面提示是否配对，勾选是即可，点否项目会提出被拒绝授权等提示。

2.6存在的问题，如果此时虚拟机和真机同时在线，可能会造成多设备问题，关闭掉一个即可。

2.7 查看adb是否转发成功 adb reverse --list

运行成功后，手机上应该多了一个默认安装图标的apk。如果手机电脑在局域网，点击调试可以直接用局域网ip，如果不在，可以借用whsilte代理等代理工具。