序文
最近の研究では、私ができる、小さなプログラムのことです!
需要
VUEは、プロジェクトを開発するために使用される前に、私は意図的にビットモジュールパッケージのインターフェース。気持ちも、それを記録することができます
インタフェースシンプルな小さなプログラムは、しかし、それほどのコールを繰り返したが、プロ(ナンセンスの深刻さを)いないようです
)の小さなプログラムは、これらのピットとヒントを満たしあり続けられます
小さなプログラム・インターフェース要求プロセス
単純にフローチャートを描きます
第二に、ドメイン構成
HTTPSを設定してください、ドメイン名は、アプレット上で設定する必要があり、レコードのドメイン名で、TLS1.2にサーバーよりは確かにあります
三、マイクロチャネルのオープン開発ツール、詳細を開いて、プロジェクトを開きます。ドメイン11ペアかどうかを確認してください。それ以外の場合は、オハイオ州のコンパイルに失敗します。
第四に、プロジェクトファイルutilsのファイルに新しいapi.jsのhttp.js
五、(それを過ぎコピー)コードをhttp.js
= module.exportsは{ HTTP(URL、メソッド、paramsは){ せトークン =「トークン」// トークン、トークン取得し、独自の署名を取得し、各インターフェイスの署名トークンが示すデータ送信する LET =サイン「ログイン」/ / 署名(バックグラウンドがどのよう、どのようなパスにすることによって定義される)取得 LETデータ= { トークン、 サイン } のiF(params.data){ // データがあるかどうか、ここでの判断が、paramsは先端はparamsは、オブジェクトであり、データが通過することを表し、キーと値のペア3組のデータがあります、成功送信要求を示すデータ:成功コールバックは、失敗:コールバックを失敗し、これらの三つのフィールドが欠落することができない、残りのフィールドは無視されます ため(LETキーで params.data) { // ここで決定されたパラメータがnullである上に、削除されたプロパティを渡す IF(params.data [キー] == NULL || params.data [キー] == 'NULL'){ 削除[キー] params.dataを } } データ = {...データ、... params.data} } wx.request({ :URL + URL 'あなたがドメインを設定する'、//は、接頭辞スプライシングですこのインターフェイスのドメイン名にアクセスできるオープンインタフェースである メソッド,: ==メソッド、「後」「後」:?「get」が、// 要求の種類を決定する、と等しい値に加えて、 '後、他の値は、要求の取得他のタイプとして扱われますそれは自分のことで添加することができる データ、 ヘッダ:{ 'コンテンツタイプ': 'ファイルアプリケーション/ JSONを' }、 成功(RES){ params.success && params.success(res.data) }、 失敗(ERR){ paramsは。失敗&¶ms.fail(ERR) } }) } }
六、api.js(その上に再びコピーコード)
// この内のすべてのインターフェイスは、文書のすべてのインターフェイス、及びを定義し維持することが容易 {HTTP「./http」からインポート}; // 導入だけパッケージ化HTTPモジュール、ES6の輸入属する構文、開発ツール、マイクロチャネルは開く必要がありES6スイッチES5オプション 機能 femaleNameApi(paramsが){ // ランダム古代詩・インターフェース要求 HTTP(「プロジェクト/ projectInfos」、paramsは、「GET」) // ここでルーティングアドレス要求と要求の送信方法へのインタフェース } // 各機能インタフェース定義は、次に呼び出すため、ロジックコードを露出させるために 機能 novelApi(paramsはを){ // 新規推奨インターフェース HTTP( '/ novelApi'、 'GET' 、paramsは)を } エクスポートデフォルト { // 露出インターフェース femaleNameApi、 novelApi }
index.jsコール(あなたが使用する場所に使用したくない)で七、
// index.js インポートHTTP '../../utils/api'から// 導入APIインタフェース管理ファイル ページ({ のonLoad:関数(){ この.getData() }、 のgetData(){ http.femaleNameApi( { // 呼び出しインターフェース、通過パラメータ データ:{ トークン: '470712FF0FE2392D6CB6D8A6560805CC' }、 成功:RES => { にconsole.log( 'インターフェース要求の成功' 、RES) この.setData({ femaleList:res.data }) } 、 失敗:ERR => { にconsole.log(ERR) } }) } })
八、コンソールを開き、
あなたはそう間違っている場合
(当初は、それがAPIインターフェースだと思った)showRequestInfo()、その上のコンソールで直接入力する方法は、エラーメッセージの詳細を見ることができることを忘れ
それはあなたのサーバー証明書を持っていることを意味し、TLSバージョン1.2以上に等しいです
(私はハッハッハハッハッハハッハッハ、クレイジー私のバックグラウンドを置きます)
あなたはそれのこの、お祝いインタフェースの成功を好きなら
九、ファニータイプの概要
設定することができますが、このようなプロジェクトを置くテンプレートインターフェイスパッケージとみなさつ以上のファイルは、
一つは一度、すべての意味について
しかし、それは完璧なパッケージではありません
私VUEプロジェクトパッケージは良いですがなければ、別の日には何を変換します
少しさようなら、あなたを助けたいです!