任务

整合vue：如果使用lean up就不好vue-cli，应该是双向开弓，再代理整合

代理

或许我可以从vue-cli入门，来创建项目

手工创建项目

手工的目的是为了后续更好的整合vue时更加灵活

• 新建一个根目录lendoo

• lean login

• lean switch

[INFO] 获取应用列表 ...
[?] 请选择 APP
 1) course
 2) demo
 3) lendoo

选择第3个，即目标应用lendoo，这时就能自动创建好.leancloud目录，里面包含了leancloud项目的 app id信息

• vim package.json

{
    "name": "node-js-getting-started",
    "scripts": {
        "start": "node server.js"
    },
    "engines": {
        "node": "4.x"
    },
    "dependencies": {
        "express": "4.12.3",
        "leanengine": "1.2.2"
    }
}

• vim server.js

console.log('hello world');

• lean up

请见文档：https://leancloud.cn/docs/leanengine_webhosting_guide-node.html#package_json

参考的package.json 范例： https://github.com/leancloud/node-js-getting-started/blob/master/package.json

过程中的报错有：

1、No Leancloud Application was linked to the project

这是因为.leancloud目录没有创建，导致lean不能识别

2、错误的项目目录结构，请确保当前运行目录是正确的云引擎项

这是因为缺少package.json文件，导致lean不能识别；同理，如果是php项目，需要composer.json文件，以及一个可访问的public目录。

创建element-ui项目

git clone https://github.com/ElementUI/element-starter

cnpm install

npm run dev

访问 http://127.0.0.1:8010/，即可看到欢迎页面

配置key信息

lean cloud后台可以配置小程序的appid appsecet信息

然后自定义微信支付商户的信息

这样lean环境就可以直接使用所定义的常量

最后在支付通知回调地址的二级域名hooks.php更换回调通知域名为自己申请到的xx.leanapp.cn二级域名与WxPay.config.php也需要用到对应的小程序信息这2条，也要看node的支付是怎么实现的了。

而小程序端仅仅换一个lean cloud的key即可

整合leancloud

更新package.json依赖

···
"leancloud-storage": "^3.0.0",
"leanengine": "^3.0.0"
···

在main.js中初始化LeanCloud

methods: {
    login: function() {
        // 访问leancloud
        // 'use strict';
        this.loading = true;
        AV.User.logIn(this.username, this.password).then(function (loginedUser) {
            console.log('success logIn');
            console.log(loginedUser);
            this.loading = false;
        }, function (err) {
            console.log(err);
            console.log('faild logIn');
            this.loading = false;
        });
    }
}