quickappcn/sample

快应用的示例项目，方便开发者了解各方面的快应用能力，如：框架，组件，接口等

Sample

快应用官方示例项目

简介

2018年3月份，由小米，中兴，华为等10家厂商成立了快应用联盟，共同发布了快应用的标准。 自此我们可以采用一套标准去开发应用，无缝的运行在各个手机厂商上。一次开发，一次上传，自动分发到所有联盟厂商的设备

快应用官方是采用前端的技术栈来开发的，此项目为示例项目,帮助开发者快速入门快应用的开发

文档和社区

• 官方站点 && 文档
• 开发者论坛
• issues

快速开始

安装hap-toolkit 编译工具

$ npm install -g hap-toolkit
$ hap -v

安装好hap-toolkit后，可以在控制台输入hap -v 看看当前的版本

安装手机调试器

调试器是一个Android应用程序，下载调试器APK

安装成功如图

项目运行

1. 在项目根目录,安装依赖

   $ npm install

2. 编译

   $ npm run build

3. 调试

   <!-- 修改源代码后自动编译 -->
   $ npm run watch

4. 启动http服务器

   $ npm run server

使用手机调试器调试

效果预览

在线查看

HTTPS形式的应用链接(https://hapjs.org/app/org.quickapp.union.sample)二维码：

HAP形式的应用链接(hap://app/org.quickapp.union.sample)二维码：

sample's Issues

华为v9 打开页面空白

华为v9 打开页面空白

checkbox icon无法加载

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

vivo手机操作后界面空白

vivo手机按readme操作后页面空白 没有预想效果

组件上能否出一个样式显示的那种呢

类似于elementui 和antd ui框架那种组件介绍的样子，出一个模板，顺带可以丰富一下组件的种类吗

快应用名称如何作多语言支持？

快应用名称如何作多语言支持？

文件名不能叫做video.ux

我的路径是pages/Video/video.ux，router进入这个文件后死循环，重复调用onInit，修改文件名后就好了

system.postMessage报错

问题描述

用web组件打开网页，网页内用system.postMessage向快应用发送消息报错：SyntaxError:Unexpected identifier，但是在华为的快应用调试器内无此错误

问题复现

1. 用web组件打开一个网页
2. 网页内调用system.postMessage
3. 报错

截图

• Device: [MeiZu 16th,HuaWei P40]
• OS: [ Android 8.1]
• Browser [快应用web组件]
• Version [1080]

拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示

拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示 拜托 多久没更新 组件了啊 开发起来太难受了 swiper previousmargin nextmargin 不能像小程序那样去展示

switch文档有误

thumb-color和track-color 作为属性是有效果的，但是作为样式是无效的。官方文档上是不是写错了

swiper @change 真机不会触发

为什么没有人反馈呢，也不修一修，贼难用...

当页面存在richtext时候创建广告，require('@service.ad').createBannerAd时候的问题

会报Uncaught TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element

运行报错

ERROR: Attribute flex-basis does not support the unit %. At present, only ["px"] is supported.
@ d:\QuickAppWorkSpace\sample-master\src\scenario\scene\elec-business\index.ux

ERROR: Attribute flex-basis does not support the unit %. At present, only ["px"] is supported.
@ d:\QuickAppWorkSpace\sample-master\src\scenario\scene\elec-business\index.ux

ERROR: Attribute flex-basis does not support the unit %. At present, only ["px"] is supported.
@ d:\QuickAppWorkSpace\sample-master\src\scenario\scene\elec-business\index.ux

ERROR: Attribute font-weight value601 is invalid (the valid enumerated value is: normal|bold|lighter|bolder|100|200|300|400|500|600|700|800|900)
@ d:\QuickAppWorkSpace\sample-master\src\component\basic\span\index.ux

How to solve the problem 'received ssl error' when web component load page?

在sample/src/component/media/web/index.ux中的openWeb(param）方法在设置allowthirdpartycookies时出现代码遗漏

openWeb (allowthirdpartycookies) {
router.push({
uri: '/component/media/web/detail',
params: {
url: 'https://www.quickapp.cn/',
allowthirdpartycookies : allowthirdpartycookies
}
})
},

picker组件,点击后展示的弹窗,其dom无法在浏览器显示,故无法对其进行样式修改

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

add ci: auto build and test when pushed to github

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

作为一个demo工程，没有持续集成与单元测试是非常奇怪的。这导致这个工程的质量很难量化，而开发者也无从了解这个工程是否处于可用状态。

Describe the solution you'd like
A clear and concise description of what you want to happen.

严格的单元测试可能不太现实，但是在每次提交后进行一次rpk打包应该是完全可行且非常容易实现的（travis、circle均可）。打包过程可以及时发现编译层面的错误，开发者也能够直接下载并使用release出来的rpk包而无需本地环境。

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

以travis为例，加入travis.yml即可实现。travis文档

Additional context
Add any other context or screenshots about the feature request here.

错误提示：平台版本过低，请升级平台；尝试升级，升级后打不开....

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

npm install 安装依赖报错

npm ERR! code ENOENT
npm ERR! syscall spawn git
npm ERR! path git
npm ERR! errno -4058
npm ERR! enoent An unknown git error occurred
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Local\npm-cache_logs\2022-01-06T08_20_35_649Z-debug.log