在测试网站上未定义Algolia应用ID，但未使用gcloud和firebase进行生产

如何解决在测试网站上未定义Algolia应用ID，但未使用gcloud和firebase进行生产

我有两个firebase项目，一个prod和一个测试项目。他们在不同的Firebase Firestore数据库中使用同一Algolia实例的不同索引，因此在将代码与实际数据一起使用之前，我可以对假数据进行测试。

我为每个firebase项目都有一个gcp项目。除了App Engine标准环境服务代理外，这两个Firebase项目的许可权都相同，我似乎无法在测试项目上启用该许可，但与Algolia无关，对吧？>

产品搜索客户端从使用Google Cloud KMS加密的env变量初始化，但是加密和解密权限必须有效，因为我每个项目的firebase api密钥都是加密的env变量。

我用于测试项目的env文件包含vars

REACT_APP_ALGOLIA_APP_ID=my_app_id
REACT_APP_ALGOLIA_SEARCH_KEY=my_search_key

如您所见，我正在使用React，但是搜索功能在带有env变量的本地环境中可以正常工作，而具有不同索引名称的相同代码在实时产品站点上也可以正常工作。

我的searchClient使用以下代码在一个单独的文件中初始化：

import algoliasearch from 'algoliasearch/lite';

export const searchClient = algoliasearch(
    process.env.REACT_APP_ALGOLIA_APP_ID,process.env.REACT_APP_ALGOLIA_SEARCH_KEY
);

我的searchIndex在页面上初始化为：

const searchIndex = searchClient.initIndex('test_Sessions');

对于两个firebase项目，我的firebase配置都使用我的应用程序ID和api密钥进行设置：

firebase functions:config:set algolia.appid="YOUR_APP_ID" algolia.apikey="YOUR_API_KEY"

这不会影响实际的索引搜索，因为我仅使用用于添加到索引，删除和同步多条记录的功能。

当我在网站上查看控制台时，会看到错误

https://undefined-2.algolianet.com/1/indexes/test_Sessions/query?x-algolia-agent=Algolia%20for%20JavaScript%20(4.4.0)%3B%20Browser%20(lite)&x-algolia-api-key=undefined&x-algolia-application-id=undefined net::ERR_NAME_NOT_RESOLVED
(anonymous) @ VM130:1
(anonymous) @ algoliasearch-lite.umd.js:2
send @ algoliasearch-lite.umd.js:2
t @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
Promise.then (async)
onRetry @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
Promise.then (async)
t @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
Promise.then (async)
onRetry @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
Promise.then (async)
t @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
Promise.then (async)
onRetry @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
Promise.then (async)
t @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
Promise.then (async)
y @ algoliasearch-lite.umd.js:2
i @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
get @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
get @ algoliasearch-lite.umd.js:2
read @ algoliasearch-lite.umd.js:2
(anonymous) @ algoliasearch-lite.umd.js:2
(anonymous) @ Dashboard.jsx:102
is @ react-dom.production.min.js:211
mu @ react-dom.production.min.js:257
t.unstable_runWithPriority @ scheduler.production.min.js:19
Bi @ react-dom.production.min.js:122
vu @ react-dom.production.min.js:257
Zs @ react-dom.production.min.js:239
(anonymous) @ react-dom.production.min.js:123
t.unstable_runWithPriority @ scheduler.production.min.js:19
Bi @ react-dom.production.min.js:122
Gi @ react-dom.production.min.js:123
qi @ react-dom.production.min.js:122
(anonymous) @ react-dom.production.min.js:239
j @ react-dom.production.min.js:287
F @ react-dom.production.min.js:18
H @ react-dom.production.min.js:19
Jt @ react-dom.production.min.js:70
Xt @ react-dom.production.min.js:69
t.unstable_runWithPriority @ scheduler.production.min.js:19
Bi @ react-dom.production.min.js:122
z @ react-dom.production.min.js:287
Qt @ react-dom.production.min.js:68
/dashboard:1 Uncaught (in promise) {name: "RetryError",message: "Unreachable hosts - your application id may be inc… the error persists,contact [e-mail].",transporterStackTrace: Array(4)}

我将searchIndex和searchClient记录在useEffect挂钩中，因此这两个变量仅在准备就绪时记录。这在本地有效，但是在实时站点上，我得到的是控制台：

{transporter: {…},appId: undefined,addAlgoliaAgent: ƒ,clearCache: ƒ,search: ƒ,…}
addAlgoliaAgent: ƒ (e,t)
appId: undefined
clearCache: ƒ ()
initIndex: ƒ (t)
multipleQueries: ƒ (t,r)
multipleSearchForFacetValues: ƒ (t,r)
search: ƒ (t,r)
searchForFacetValues: ƒ (t,r)
transporter: {hostsCache: {…},logger: {…},requester: {…},requestsCache: {…},responsesCache: {…},…}
__proto__: Object
 APP_ID:  undefined SEARCH_KEY:  undefined
Dashboard.jsx:137 SEARCH INDEX 
{transporter: {…},indexName: "test_Sessions",searchForFacetValues: ƒ}
appId: undefined
indexName: "test_Sessions"
search: ƒ (t,n)
searchForFacetValues: ƒ (t,n,…}
__proto__: Object

为什么未定义应用程序ID？在生产站点和测试站点的本地版本上都可以使用相同的代码？

我很困惑！感觉应该是一个权限问题，但两个Firebase项目和两个gcloud项目的权限都相同！

编辑 **

问题似乎是未读取algolia env变量。但是火力基地是？当我使用algolia变量的字符串值构建项目时，就像在algolia.js中的字符串一样：

import algoliasearch from 'algoliasearch/lite';

export const searchClient = algoliasearch(
    "my-app-id-********************************","my-search-key-********************************"
);

它有效???