Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wzj-java
uni-app
提交
6ea59345
U
uni-app
项目概览
wzj-java
/
uni-app
与 Fork 源项目一致
Fork自
DCloud / uni-app
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
1
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
1
Issue
1
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
6ea59345
编写于
4月 07, 2020
作者:
d-u-a
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
quickapp: 更新适配教程
上级
58f8b178
变更
1
显示空白变更内容
内联
并排
Showing
1 changed file
with
71 addition
and
46 deletion
+71
-46
src/platforms/quickapp/README.md
src/platforms/quickapp/README.md
+71
-46
未找到文件。
src/platforms/quickapp/README.md
浏览文件 @
6ea59345
##
#
快应用适配教程
## 快应用适配教程
使用 uni-app 规范适配快应用
#### 准备
-
uni-app文档
[
https://uniapp.dcloud.io/
](
https://uniapp.dcloud.io/
)
-
快应用文档
[
https://doc.quickapp.cn/
](
https://doc.quickapp.cn/
)
### 开发
1.
Fork 仓库
`uni-app`
[
https://github.com/dcloudio/uni-app
](
https://github.com/dcloudio/uni-app
)
,切换到 dev 分支
2.
使用 Vue 规范开发组件,参考
`Button`
组件及
`clipboard`
示例
```
- button `src/platforms/quickapp/view/components/button`
- clipboard `src/platforms/quickapp/service/api/device/clipboard`
```
2.
编译 (输出目录
`packages/uni-quickapp`
)
```
npm run build:quickapp
```
#### `uni-app` 目录说明
```
packages
├─uni-quickapp
│ └─lib
│ ├─compiler-module (编译阶段标签转换之类逻辑)
│ ├─polyfill.css (全局样式差异代码)
│ └─manifest (manifest.json的生成逻辑)
src
├─platforms
│ └─quickapp
│ ├─...
│ ├─service
│ │ └─api 平台的接口实现(方案同h5,app-plus)
│ └─view
│ └─components 平台的组件实现(easycom格式,目录名与文件名一致)
│ └─button
```
### 测试
#### 搭建测试环境
1.
安装
[
快应用调试器
](
https://statres.quickapp.cn/quickapp/quickapp/201806/file/quickapp_debugger.apk
)
1.
安装
[
快应用调试器
](
https://statres.quickapp.cn/quickapp/quickapp/201806/file/quickapp_debugger.apk
)
...
@@ -9,16 +51,35 @@
...
@@ -9,16 +51,35 @@
3.
安装 openssl(windows系统)
3.
安装 openssl(windows系统)
#### 搭建测试工程
#### 搭建
1.
创建测试工程 (推荐使用空项目,可选
`hello uni-app`
工程,包含组件及API示例,工程较复杂编译比较耗时)
1.
创建
`hello uni-app`
测试工程
```
```
vue create -p dcloudio/uni-preset-vue#alpha my-qa-project -n
vue create -p dcloudio/uni-preset-vue#alpha my-qa-project -n
```
```
目前手动安装依赖库: 根目录执行
```
```
yarn add @dcloudio/uni-quickapp@alpha -D
<!--button 示例-->
<template>
<view>
<button>Button</button>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
</style>
```
```
2.
生成证书
`certificate.pem`
和
`private.pem`
:到目录
`src/sign/debug/`
2.
生成证书
`certificate.pem`
和
`private.pem`
:到目录
`src/sign/debug/`
...
@@ -40,46 +101,10 @@ npm run serve:quickapp
...
@@ -40,46 +101,10 @@ npm run serve:quickapp
6.
修改代码后,会主动通知调试器更新,或者手动点击在线更新(调试可以点击右下角开始调试)
6.
修改代码后,会主动通知调试器更新,或者手动点击在线更新(调试可以点击右下角开始调试)
7.
手动替换编译输出目录
`packages/uni-quickapp`
到测试工程
`node_modules/@dcloudio/uni-quickapp`
, 可以考虑
`npm link`
#### 开发调试代码
### 提交代码
使用
`pull request`
提交代码
1.
Fork 仓库
`uni-app`
[
https://github.com/dcloudio/uni-app
](
https://github.com/dcloudio/uni-app
)
,切换到 dev 分支
2.
编译 (输出目录
`packages/uni-quickapp`
)
```
npm run build:quickapp
```
3.
手动替换编译输出目录
`packages/uni-quickapp`
到测试工程
`node_modules/@dcloudio/uni-quickapp`
,也可以考虑自己npm link本地
`uni-quickapp`
包(需要考虑三方依赖)
4.
使用 pull request 提交代码
#### `uni-app` 目录说明
```
packages
├─uni-quickapp
│ └─lib
│ ├─compiler-module (编译阶段标签转换之类逻辑)
│ ├─polyfill.css (全局样式差异代码)
│ └─manifest (manifest.json的生成逻辑)
src
├─platforms
│ └─quickapp
│ ├─...
│ ├─service
│ │ └─api 平台的接口实现(方案同h5,app-plus)
│ └─view
│ └─components 平台的组件实现(easycom格式,目录名与文件名一致)
│ └─button
```
#### 开发示例
-
button 组件
`src/platforms/quickapp/view/components/button`
-
clipboard API
`src/platforms/quickapp/service/api/device/clipboard`
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录