本文档演示开发者如何快速创建一个千牛 QAP 应用。

成为开发者，获取应用的 appkey

1. 在 开放平台 注册成为开发者
2. 选择千牛插件，申请入驻到对应类目（需企业资质等条件）
3. 创建应用，拿到 appkey

搭建前端工作流

1. 安装 nodejs

   在 nodejs 官网，下载稳定版本安装

   在终端（命令行）输入如下代码查看是否安装成功

   node -v  // v6.11.2
   npm -v // 3.10.10

2. 安装 qap-cli 开发脚手架

   npm install qap-cli -g

可以使用 qap qianniu 下载开发者专用千牛测试包（iOS 需信任企业证书才能打开）

创建本地应用项目

1. 在任意目录执行

   qap init qnapp && cd qnapp
   // 安装依赖
   npm install

2. 编写代码

   打开项目目录中的 pages/index/index.jsx,可以查看预置代码，或稍作修改：

   /** @jsx createElement */
    import {createElement, Component,render } from 'rax';
    import {View,Text,Modal,Button,Page} from 'nuke';
   
    let App = class NukeDemoIndex extends Component {
       constructor() {
           super();
       }
       press(){
           Modal.alert('111')
       }
       render() {
           return (
               <Page title="Button">
                   <Button onPress={(e)=>this.press()} type="primary">点击</Button>
               </Page>
           );
       }
   }
   render(<App/>);

3. 调试代码

   qap debug

   在弹出的调试页面，切换到 QAP 应用，使用千牛手机客户端扫码建立调试链接。

   

   点击 debug 可以开启模拟调试。
   关闭 remote debug，直接点击 inspector ，可以查看真实 native 运行结果。

4. 打包与预览

   // 把项目打包成压缩包
   qap package
   
   // 上线前预览
   qap qrzip

   扫描命令行中出现的二维码，预览发布前的效果。

面向前端开发者的视频介绍资料

讲师： @督布

FAQ