基础通用参数:

  1. token*   用户token 由后端生成并返回给前端，是用户身份的唯一表示  默认1：需要验证，0不验证
  2. api_token*   前后端接口验证规则
  3. client_id*   client_id:1 客户端表示
  4. device_token* 设备唯一标示码

参数解释： apiRoute：api路由 data： 请求参数

前端

采用flyio

一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。 多端支持：Node.js 、微信小程序 、Weex 、React Native 、Quick App

  1. // 文件路径：~/api/config.js
  2. token和device_token写在request.body中
  3. fly.interceptors.request.use(request => {
  4.     request.body.token = uni.getStorageSync('token')
  5.     request.body.device_token = uni.getStorageSync('devicetoken')
  6.     return request
  7. })
  9. // post方法封装   
  10. api_token 由url+当前格式化日期入2020-01-20+前端约定字段baseAppoint 再经过md5加密生成
  11. let api_token = null;
  12. function post(url, data = {}) {
  13.   api_token = md5(
  14.     `${url}${utils.formartDate()}${baseAppoint}`
  15.   );
  16.   return request(
  17.     url,
  18.     {
  19.       ...data,
  20.       api_token,
  21.       client_id: 1,
  22.     },
  23.     "POST"
  24.   );
  25. }
  27.  // 配置接口路 例：
  28. export default{  
  29.      getreadprofile(data) {
  30.         return post(apiRoute, data);
  31.       },
  32.     getAddressdel(data) {
  33.         return post(apiRoute, data);
  34.       },
  35.      ....
  36. }

api调用

  1.  // 先在main.js中做全局挂载 
  2. import api from "./api"; 
  3. Vue.prototype.$http = api; //全局挂载api
  5. // 具体引用
  6. this.$http.getreadprofile(data).then(res=>{
  7.         console.log(res)
  8.       // res:返回接口
  9.    )

上传文件

上传文件部门进一步封装了uview-ui 上传组件

  1. // ~/components/upLoader.vue
  2. 上传地址和上传参数已经上传执行已经上传成功后返回值 已经在组件内部封装好，可直接调用
  3. <upLoader ref="upLoader" :width="750" :height="500"></upLoader>
  4. 获取文件上传返回结果： const uploadedCoverImg = this.$refs.upLoader.resultSrc

nvue中请求

  1. 在pages/live/live.js 封装了在nvue中的请求方法 http()
  2.   http(path = "", params = {}, method = "POST") {
  3.       const token = uni.getStorageSync("token");
  4.       return new Promise((resolve, reject) => {
  5.         uni.request({
  6.           url: `${this.baseUrl}/${path}?t=${new Date().getTime()}`,
  7.           method: method,
  8.           data: {
  9.             api_token: md5(
  10.               `${path}${this.formartDate()}${SECRETKEY}`
  11.             ),
  12.             client_id: 1,
  13.             token,
  14.             ...params,
  15.           },
  16.           success: (res) => {
  17.             resolve(res);
  18.           },
  19.           fail: (err) => {
  20.             reject(err);
  21.           },
  22.         });
  23.       });
  24.     },
  26.     //调用方法：
  27.     // 
  28.   this.http(apiRoute, data).then(res => {
  29.       console.log(res)
  30.       // res:返回接口
  31. })

后端

接口验证方法：/application/apicloud/model/Gongyong.php

  1. /*
  2.      * 接口验证
  3.      * @param $isToken 是否验证用户token，默认1：需要验证，0不验证
  4.      */
  5.    public function apivalidate($isToken = 1){
  7.        if(input('post.client_id') && input('post.api_token')){
  8.            $client_id = input('post.client_id');
  9.            $api_token = input('post.api_token');
  10.            $module = request()->module();
  11.            $controller = request()->controller();
  12.            $action = request()->action(true);
  13.            $secretstr = $module.'/'.$controller.'/'.$action;
  15.            $client_secret = Db::name('secret')->where('id',$client_id)->value('client_secret');
  16.            if($client_secret){
  17.                $api_token_server = md5($secretstr.date('Y-m-d', time()).$client_secret);
  19.                if($api_token != $api_token_server){
  20.                    $result = array('status'=>400,'mess'=>'接口请求验证失败','data'=>array('status'=>400));
  21.                }else{
  22.                    //验证个人token
  23.                    if($isToken){
  24.                        //验证设备token
  25.                        $device_token = input('post.device_token');
  26.                        $token = input('post.token');
  27.                        $valitk = $this->checktokens($token,$device_token);
  28.                        if($valitk['status'] != 90001){
  29.                            if($valitk['status'] == 90003){
  30.                             $result = array('status'=>400,'mess'=>'账号已在其他设备上登录，请重新登录','data'=>array('status'=>400)); 
  31.                            }else{
  32.                             $result = array('status'=>400,'mess'=>'身份验证失败','data'=>array('status'=>400));
  33.                            }
  34.                        }else{
  35.                            $result = array('status'=>200,'mess'=>'接口请求验证成功','user_id'=>$valitk['user_id']);
  36.                        }
  37.                    }else{
  38.                        $result = array('status'=>200,'mess'=>'接口请求验证成功','data'=>array('status'=>200));
  39.                    }
  40.                }
  41.            }else{
  42.                $result = array('status'=>400,'mess'=>'接口请求验证失败','data'=>array('status'=>400));
  43.            }
  44.        }else{
  45.            $result = array('status'=>400,'mess'=>'接口请求验证失败','data'=>array('status'=>400));
  46.        }
  47.        return $result;
  48.    }
  51.    public function checktokens($token,$device_token=""){
  52.        $rxins = Db::name('rxin')->where('token',$token)->find();
  53.        if (!empty($rxins)){
  54.            $yhinfos = Db::name('member')->where('id',$rxins['user_id'])->where('checked',1)->field('id,appinfo_code')->find();
  55.            if($yhinfos){
  56.                //查看当前用户表中存储的设备clientid值与传递的device_token值是否一致，不一致提示在其他设备登录，请重新登录
  57.                if($device_token && $device_token != $yhinfos['appinfo_code']){
  58.                     $valitoken = array('status'=>90003,'user_id'=>$rxins['user_id']);
  59.                }else{
  60.                     $valitoken = array('status'=>90001,'user_id'=>$rxins['user_id']);
  61.                }
  63.            }else{
  64.                $valitoken = array('status'=>90002,'user_id'=>0);
  65.            }
  66.        }else{
  67.            $valitoken = array('status'=>90002,'user_id'=>0);
  68.        }
  69.        return $valitoken;
  70.    }

调用方式：

继承Common控制器，如：class Login extends Common 在接口开始位置加入api_token验证方法

需要获取$user_id的情况

  1. $tokenRes = $this->checkToken();
  2. if($tokenRes['status'] == 400){ // 400返回错误描述
  3.     datamsg(LOSE,$tokenRes['mess'],$tokenRes['data']);
  4. }else{ // 成功则返回$user_id
  5.     $user_id = $tokenRes['user_id'];
  6. }

不需要获取$user_id的情况

  1. $tokenRes = $this->checkToken(0);  // 传入0，代表不需要获取$user_id
  2. if($tokenRes['status'] == 400){ // 400返回错误描述
  3.     datamsg(LOSE,$tokenRes['mess'],$tokenRes['data']);
  4. }
  1.  function datamsg($code, $msg, $result = '')
  2.     {
  3.         $data['status'] = $code;
  4.         $data['mess'] = $msg;
  5.         is_object($result)?$result = $result->toArray():'';
  6.         if (is_array($result)) {
  7.             foreach ($result as $key => $value) {
  8.                 if ($value===null) {
  9.                     $result[$key] ='';
  10.                 }
  11.             }
  12.         }
  13.         $data['data'] = result_type($result);
  14.         echo json_encode($data);die;
  15.     }
  17. 成功状态
  18. datamsg(WIN,'文本描述',array());
  19. 失败状态
  20. datamsg(LOSE,'文本描述',array());