ホームページ > ウェブフロントエンド > jsチュートリアル > ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

青灯夜游
リリース: 2022-01-24 19:34:17
転載
3045 人が閲覧しました

nodejs で koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法は?次の記事では、node koa で Gaode マップ インターフェイスを調整する方法を紹介します。

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

Amap オープン プラットフォーム

Amap インターフェイスを調整するために最も必要なものは何ですか❓ Amap マップのキーが必要です。 Amap オープン プラットフォームに入るには、以下の手順に従ってください。

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

#アプリケーションの作成

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

## 追加key ここで、サービス プラットフォームが異なれば利用可能なサービスも異なることに注意してください。以下に示すように、私は Web サービス

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

## を使用してキー

# を生成しています。

##koa リクエスト サードパーティ インターフェイスノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法

koa2-request

node でサードパーティ インターフェイスをリクエストすると、実際にはリクエスト リクエストが開始されます。同じ原理がクローラーにも当てはまります。ノードがリクエストを開始するためのライブラリとして koa2-request を使用します。 koaフレームワークを使用しているためです。

アドレス: https://www.npmjs.com/package/koa2-request 実際のところ、読む必要はありません。導入はこれだけです。

  • #インストール:

  • npm install koa2-request
    ログイン後にコピー
  • 基本的な使用法

非同期待機はここでサポートされています
    var koa2Req = require('koa2-request');
     
    app.use(async(ctx, next) => {
        // request选项
        var res = await koa2Req('http://www.baidu.com');
        ctx.body = res.body;
    });
    ログイン後にコピー
开干

天気インターフェース

私たちが到着した後、彼が次のことを必要としていることを知って驚きました。

#しかし、都市に対応するコードを手動で入力するのは現実的ではありません。たとえ覚えていたとしても、ユーザーエクスペリエンスは非常に悪いものになるでしょう。実際、Amap には IP 測位インターフェイスもあります。それでは、以下にジャンプして見てみましょう。

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法IP ポジショニング

https://lbs.amap.com/api/webservice/guide/api/ipconfig

ここでは 2 つのパラメータが必要ですip と key

IP と言えば、プラグインが必要です

ノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法アドレス https://www.npmjs.com/package/ public-ip

基本的な使用法

    const publicIp = require('public-ip');
    
    (async () => {
    	console.log(await publicIp.v4());
    	//=> '46.5.21.123'
    
    	console.log(await publicIp.v6());
    	//=> 'fe80::200:f8ff:fe21:67cf'
    })();
    ログイン後にコピー
  • 以下は、パラメータとして ip と key を使用した私の具体的な実装です
  • const koa2Req = require('koa2-request');
    const publicIp = require('public-ip') // 获取外网ip
    const gaode_key = '8a674879652195a8bc6ff51357199517'
    class clientController {
        async getWeather(ctx, next) {
            const ip_param = await publicIp.v4()
            var res = await koa2Req(`https://restapi.amap.com/v3/ip?ip=${ip_param}&output=json&key=${gaode_key}`);
            ctx.body = res;
        }
    }
    ログイン後にコピー
  • 戻り値の形式
  • {
    
           "status" :"1",
           "info" :"OK",
           "infocode" :"10000",
           "province" :"北京市",
           "city" :"北京市",
           "adcode" :"110000",
           "rectangle" :"116.0119343,39.66127144;116.7829835,40.2164962"
    
      }
    ログイン後にコピー
都市コード adcode を取得したいのですが、res.body はインターフェイスから返される値です。 JSON.parse を使用して JSON オブジェクトに変換します。

    async getWeather(ctx, next) {
        const ip_param = await publicIp.v4()
        var res = await koa2Req(`https://restapi.amap.com/v3/ip?ip=${ip_param}&output=json&key=${gaode_key}`);
        const city = JSON.parse(res.body).adcode
        console.log(city,'city')
    }
ログイン後にコピー

次に、天気予報インターフェイスを呼び出すことができます。天気予報インターフェイスには、パラメータとして取得した都市コードとキーが必要です。

    async getWeather(ctx, next) {
        const ip_param = await publicIp.v4()
        var res = await koa2Req(`https://restapi.amap.com/v3/ip?ip=${ip_param}&output=json&key=${gaode_key}`);
        const city = JSON.parse(res.body).adcode
        console.log(city,'city')
        var res_weather = await koa2Req(`https://restapi.amap.com/v3/weather/weatherInfo?city=${city}&key=${gaode_key}`)
        let weather = {data: JSON.parse(res_weather.body)}
        ctx.body = weather;
    }
ログイン後にコピー
ノード関連の知識については、

nodejs チュートリアル

を参照してください。

以上がノードで koa フレームワークを使用して Gaode マップ インターフェイスを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:juejin.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート