如何用安卓studio运行hiappy项目到虚拟机和真机

先附上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代理等代理工具。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值