如何解决Dialogflow相关React Native聊天机器人教程不兼容Expo CLI的问题

大部分原生React Native的Dialogflow教程使用了需要原生链接的依赖，Expo托管项目默认不支持裸调试模式下的原生链接操作，按以下步骤调整即可正常适配：

1. 替换不兼容的Dialogflow依赖 #

• 不要使用原版react-native-dialogflow这类需要原生依赖的包，改用纯JS封装的Dialogflow V2 API HTTP调用方案，不需要任何原生适配操作
• 安装Expo环境兼容的依赖：运行npx expo install axios @react-native-async-storage/async-storage react-native-gifted-chat，三个依赖分别用来发起接口请求、存储会话上下文、实现聊天UI渲染

2. 配置Dialogflow身份验证规则 #

• 从Google Cloud控制台获取Dialogflow的服务账号JSON密钥，不要直接把密钥明文放到前端代码中，推荐两种适配方案：
  • 生产环境方案：自行搭建轻量后端做请求转发，前端仅把用户输入内容传到后端，后端签名后调用Dialogflow接口再返回结果，安全性最高
  • 测试环境方案：如果是个人开发测试使用，用crypto-js实现前端签名，运行npx expo install crypto-js即可在前端完成JWT签名逻辑，不要在生产环境使用该方案

3. 封装Dialogflow调用方法 #

参考以下代码封装请求方法：

import axios from 'axios';

// 后端转发方案示例
const sendToDialogflow = async (inputText, sessionId) => {
  try {
    const res = await axios.post('你的后端转发接口地址', {
      text: inputText,
      sessionId: sessionId,
      languageCode: 'zh-CN'
    });
    return res.data.fulfillmentText;
  } catch (err) {
    console.error('请求失败', err);
    return '暂时无法回答你的问题';
  }
}

注意：如果使用前端签名方案，需要将Google Auth的scope设置为https://www.googleapis.com/auth/dialogflow，按官方JWT生成规则实现签名即可

4. 集成聊天界面 #

• 直接用react-native-gifted-chat实现聊天界面，和上面封装的请求方法绑定即可，不需要修改任何原生配置
• 测试时直接运行npx expo start即可启动项目，不需要执行pod install或安卓原生链接操作

常见踩坑说明 #

• 不要尝试在Expo托管项目中使用需要react-native link的Dialogflow相关包，要么切换为Expo开发构建模式，要么使用纯JS调用方案
• Dialogflow V2版本接口强制要求身份验证，不存在无密钥调用的公开入口
• 同一个用户的单次会话要保持sessionId唯一，才能正常保留上下文对话逻辑

内容的提问来源于stack exchange，提问作者Tingo