# 5+App

**Repository Path**: d7c/5App

## Basic Information

- **Project Name**: 5+App
- **Description**: 5+Runtime 开发混合 App。
- **Primary Language**: NodeJS
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: http://www.d7c.top/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-01-09
- **Last Updated**: 2023-02-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 5+App

## 介绍

5+Runtime 开发混合 App。

## 软件架构

### DCloud

DCloud [官网](https://www.dcloud.io/)。

### HBuilder X

HBuilder X 极客开发工具 [下载地址](https://www.dcloud.io/hbuilderx.html)，[注册认证账号](https://ask.dcloud.net.cn/account/setting/profile/)。

### 5+Runtime

5+Runtime 即基于 HTML5 的增强扩展，[文档](https://ask.dcloud.net.cn/docs)，[规范文档](https://www.html5plus.org/doc/h5p.html)。

## 使用说明

### 在浏览器中运行

```
打开一个 html 页面 → 点击菜单栏运行菜单 → 运行到浏览器 → Chrome
```

<img src="./docs/02 在浏览器运行.png">

### 在模拟器中运行

#### 1. 打开电脑上安卓模拟器

#### 2. 运行到手机或模拟器

```
点击菜单栏运行菜单 → 运行到手机或模拟器 → 运行到 Android App 基座
```

<img src="./docs/03 运行到手机或模拟器.png">
<img src="./docs/04 运行到手机或模拟器.png">
<img src="./docs/05 运行到手机或模拟器.png">
<img src="./docs/06 运行到手机或模拟器.png">

#### 3. 修改 manifest.json 配置文件

#### 4. 打包成 apk

```
点击菜单栏发行菜单 → 原生APP-云打包（或原生APP-本地打包）
注意：打包时先移出 docs/ 目录。
```

[App cli](https://hx.dcloud.net.cn/cli/pack) 打包方式。

<img src="./docs/07 原生APP-云打包.png">
<img src="./docs/08 原生APP-云打包.png">

#### 5. 查看云打包状态

```
点击菜单栏发行菜单 → 原生APP-查看云打包状态
```

<img src="./docs/09 打包完成.png">

#### 6. 安装 apk 包

```
将打好的 apk 包拖到模拟器中。
```

<img src="./docs/10 安装 apk 包.png">
<img src="./docs/11 安装 apk 包.png">

## 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

## 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

<style>p{text-indent:2em}</style>