HarmonyOS RN应用如何修改http的User-Agent

需要手动创建一个自定义的HttpClient.Builder实例。通过继承HttpClient.Builder并实现其中的配置方法来实现自定义，重写HttpClient.Builder中的关键方法，如addInterceptor、addNetworkInterceptor、cache等，以满足特定需求，例如可以重写addInterceptor方法。然后使用自定义的HttpClient.Builder实例调用build方法，构建自定义的HttpClient实例。

可以考虑使用axios通过设置请求头来定制User-Agent。参考链接：https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/axios.md

经确认@rnoh/react-native-openharmony中没有HttpClient，此外如使用ArkTS http发送请求，会带一个默认的UA"libcurl-agent/1.0"，自定义ua可以参考以下demo：

import router from '@ohos.router';
const PHONE_USER_AGENT: string = 'xxxx'
@Entry
@Component
struct UA {
  controller: WebController = new WebController();
  build() {
    Column() {
      Flex({ justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
        Image($r("app.media.Back"))
          .width(24)
          .height(24)
          .focusable(false)
      }
      .width(48)
      .height(56)
      .onClick(() => {
        router.back()
      })
      Web({
        src: 'https://www.huawei.com/cn/',
        controller: this.controller
      })
        .webDebuggingAccess(true)
        .userAgent(PHONE_USER_AGENT)
        .width('100%')
        .height('100%')
    }
    .height('100%')
    .width('100%')
  }
}

在默认的UserAgent基础上修改：

// xxx.ets
@Entry
@Component
struct WebComponent {
  @State message: string = 'Hello World'
  controller: WebController = new WebController();
  myUserAgent: string
  build() {
    Column() {
      Web({
        src: 'https://www.huawei.com/cn/',
        controller: this.controller
      })
        .userAgent(this.myUserAgent)
        .webDebuggingAccess(true)
        .onUrlLoadIntercept((event) => {
          this.myUserAgent = this.controller.getDefaultUserAgent() +  'MATE40 PRO';
          return true
        })
    }
  }

注意点：保证后台服务首次收到Http请求时的Header里的UserAgent是修改之后的值。

所以修改的时机必须是：在Web组件和WebController绑定后，首次发起Http请求之前。

目前测试的结果是在onUrlLoadIntercept回调里面设置的userAgent。

rnoh里可以针对某个rnInstance添加请求头数据，写法是：

rnInstance.httpClient.addRequestInterceptor({
  shouldIntercept: (url: string, requestOptions: RequestOptions) => true,
  intercept: (url: string, requestOptions: RequestOptions) => {
    requestOptions.header = new Object();
    requestOptions.header['user-agent'] = ''
    return {
      url,
      requestOptions
    };
  }
})