文档开发者中心
我的

快应用开发嘿嘿嘿

快应用刚刚出来,相信很多小伙伴开始学习开发,那么快应用是什么呢?我理解的快应用就类似于小程序,基于应用市场的小程序。

搭建环境

  • 先装个node.js
    推荐安装6.13.1原因很简单,官方不支持8,我用9的报错了。


  • 安装hap-toolkit
    npm install -g hap-toolkit

  • 接下来是装app(快应用和快应用调试器)


  • 好了接下来开始进入正题
    在你要创建的地方命令行输入 hap init 创建一个项目
    紧接着 npm install 安装依赖
    最后 npm run build 生成rpk包
    然后 npm run server 开启监听服务,这个时候cmd会出现一个二维码 看不了是吧??没关系,打开chrome,输入localhost:12306,这个时候看到了一个二维码
    这个时候拿出手机,打开快应用调试器点扫码安装(手机和电脑要在同一个网段,简单的说就是同一个路由器)
    这个时候手机上就会打开那个应用了,,如果没有 过一会儿就会弹出打开失败,那就很有可能是手机问题了
    退出应用,还是打开调试器,这个时候点击开始调试看看chrome是不是自动打开了个网页,,尽情的调试吧(bug很多,不太好用,不过也没办法)
    由于我们经常要改代码,所以呢再开一个命令行输入 npm run watch 让他自动编译

  • Notice
    有个该说的还是要说,
    自适应问题:你的rem是不能用的,人家只支持px和%,怎么办呢??看到这个文件manifest.json,config中的designWidth设置成你调试用的那个手机的像素宽。
    自己的js文件:跟微信小程序一样,把需要调用的方法暴露出去

    module.exports = {        test: test        }有一个巨坑:最好在每一个页面的script中定义var root;export default {        data: {            tset:1        },        onInit () {            root = this;        }    }
为什么呢??在export default外的方法你是没办法操作view的数据的,这就造成了我们函数调用的时候没办法赋值,现在你在数据渲染的时候就可以用root.test = 2;这样渲染数据了 没有地图怎么办???直接点用浏览器打开你的外部地址吧,,目前只有这个办法了。
关于事件的使用
举例子,如web这个
{{url}}" id="web" onpagefinish="pageFinish" ontitlereceive="titleReceive">
相信大家有看到事件,,但是不知道怎么用。这个问题我纠结了很久,其实事件只需要在前面加一个on后面绑定事件名就可以了。
持续更新中。。。

点赞
收藏
回复
1
分享
举报
浏览713 发布于2018-07-26 03:45未知归属地
全部评论
最多点赞
最新发布
最早发布
参加活动的话要按照要求发帖哦,我们方便统计,将地址回复活动贴
1楼回复于2018-07-27 03:25 未知归属地
写回答
新增插入模板功能
一键使用模板,快速填写内容,轻松发帖~
知道了
  • 为了保障您的信息安全,请勿上传您的敏感个人信息(如您的密码等信息)和您的敏感资产信息(如关键源代码、签名私钥、调试安装包、业务日志等信息),且您需自行承担由此产生的信息泄露等安全风险。
  • 如您发布的内容为转载内容,请注明内容来源。

我要发帖子

了解社区公约,与您携手共创和谐专业的开发者社区。