为什么 HERE Places API 不能在设备上运行，而是在 localhost 上运行？答案

【问题标题】：Why is HERE Places API not working on device but on localhost?为什么 HERE Places API 不能在设备上运行，而是在 localhost 上运行？
【发布时间】：2020-08-23 10:58:32
【问题描述】：

我正在尝试在 Ionic5 应用程序中从 HERE places-api 实现位置搜索 API。在 localhost 环境中一切正常，但搜索在设备上停止工作。

问题：是否有特殊的 App-Code 或 -Key 用于设备使用（也用于通过 Android Studio 进行测试）？为什么通过 android-studio 测试它在 localhost 而不是在设备上工作？

我尝试将 app-code 和 app-id 更改为 app-key 并尝试了 Rest、JS 和 Rest-JS 身份验证凭据，但它不起作用。我不知道下一步该做什么，因为在设备上测试没有错误，只是对这个 API 没有反应。

index.html

       <script
            src="https://js.api.here.com/v3/3.0/mapsjs-core.js"
            type="text/javascript"
            charset="utf-8"
        ></script>
        <script
            src="https://js.api.here.com/v3/3.0/mapsjs-service.js"
            type="text/javascript"
            charset="utf-8"
        ></script>

        <script
            src="https://js.api.here.com/v3/3.0/mapsjs-places.js"
            type="text/javascript"
            charset="UTF-8"
        ></script>

搜索服务

 public async searchLocation(search): Promise<any> {
        var platform = new H.service.Platform({
            app_id: "my-id",
            app_code: "my-code",
        });

        var searchParams = {
            q: search,
            in: "-180,-90,180,90"
        };

        return this.startSearch(platform, searchParams);
    }

    public async startSearch(platform: any, searchParams: object): Promise<any> {
        return new Promise((resolve, reject) => {
            var search = new H.places.Search(platform.getPlacesService());
            const self = this;
            search.request(
                searchParams,
                {},
                function onResult(data: any) {
                    self.Result = data.results.items;
                    resolve(self.Result);
                },
                function onError(error: any) {
                    console.log("HERE search error", error);
                    reject(error);
                }
            );
        });
    }

编辑 - 错误日志

E/Capacitor/Console: File: http://localhost/vendor-es2015.js - Line 43427 - Msg: ERROR Error: Uncaught (in promise): Error: [timeout] http://places.api.here.com/places/v1/discover/explore?xnlp=CL_JSMv3.0.17.0&app_id=--myID--&app_code=--myCode--&in=49.9949556%2C10.1767104%3Br%3D10000&size=100 request failed
    Error: [timeout] http://places.api.here.com/places/v1/discover/explore?xnlp=CL_JSMv3.0.17.0&app_id=--myID--&app_code=--myCode--&in=479.9949556%2C10.1767104%3Br%3D10000&size=100 request failed
        at Object.Zc (eval at <anonymous> (https://js.api.here.com/v3/3.0/mapsjs-core.js:56:36), <anonymous>:11:176)
        at b (eval at <anonymous> (https://js.api.here.com/v3/3.0/mapsjs-core.js:56:36), <anonymous>:9:440)
        at eval (eval at <anonymous> (https://js.api.here.com/v3/3.0/mapsjs-core.js:56:36), <anonymous>:10:43)
        at ZoneDelegate.invokeTask (http://localhost/polyfills-es2015.js:3741:31)
        at Object.onInvokeTask (http://localhost/vendor-es2015.js:73280:33)
        at ZoneDelegate.invokeTask (http://localhost/polyfills-es2015.js:3740:60)
        at Zone.runTask (http://localhost/polyfills-es2015.js:3518:47)
        at invokeTask (http://localhost/polyfills-es2015.js:3815:34)
        at ZoneTask.invoke (http://localhost/polyfills-es2015.js:3804:48)

【问题讨论】：

如果您远程调试 Android 版本，您是否在控制台中看到任何内容？
是的，我在 EDIT 的问题中添加了错误。
它说请求失败 - 您可能需要在您的 Android 应用程序中将 HERE API 列入白名单。我对 Cordova 有点生疏，但我知道 Android 锁定了一些东西，让您清楚地说明您正在加载哪些远程资源。这通常在 CSP 区域进行。看看您是否可以添加 HERE 网址，这应该可以清除它。

标签： ionic4 here-api ionic5

【解决方案1】：

已修复：

感谢@Raymond，我用另一种方式修复了用例。我没有对我的问题进行 API 调用，而是将其更改为 httpClient 的 URL 请求。

public async searchLocation(search): Promise<any> {
        const BASE_NOMINATIM_URL = "nominatim.openstreetmap.org";
        const DEFAULT_VIEW_BOX = "-25.0000%2C70.0000%2C50.0000%2C40.0000";
        const url = `https://${BASE_NOMINATIM_URL}/search?format=json&q=${search}&${DEFAULT_VIEW_BOX}&bounded=1`;
       
        return this.http.get(url).subscribe((ans) => {
            console.log("data", ans);
        });
    }

我不知道为什么我的问题中的方法不起作用。但 URL 方式有效。

【讨论】：