| バージョン |
React Native | 0.63.4バージョン以降 |
Android | Android Studio 3.5以降のバージョン。Appの要件はAndroid 4.1以降のバージョンのデバイスです。 |
iOS | Xcode 11.0以降のバージョン。プロジェクトに有効な開発者署名を設定済みであることを確認してください。 |
UserID
、署名(Key)
、UserSig
の3つをコピーし、その後のログインで使用します。UserSig
の正しい発行方法は、サーバーで生成し、Appのインターフェース向けに提供する方法となります。UserSig
が必要なときは、Appから業務サーバーにリクエストを送信し動的にUserSig
を取得します。詳細はサーバーでのUserSig新規作成をご参照ください。// npmnpm install react-native-tim-js// yarnyarn add react-native-tim-js
initSDK
を呼び出して、SDKの初期化を完了します。sdkAppID
を渡します。import { TencentImSDKPlugin, LogLevelEnum } from 'react-native-tim-js';TencentImSDKPlugin.v2TIMManager.initSDK(sdkAppID: 0, // Replace 0 with the SDKAppID of your IM application when integratingloglevel: LogLevelEnum.V2TIM_LOG_DEBUG, // Loglistener: V2TimSDKListener(),);
TencentImSDKPlugin.v2TIMManager.login
メソッドを呼び出し、テストアカウントにログインします。戻り値res.code
が0であれば、ログインは成功です。import { TencentImSDKPlugin } from 'react-native-tim-js';const res = await TencentImSDKPlugin.v2TIMManager.login(userID: userID,userSig: userSig,);
UserSig
の正しい発行方法は、UserSig
の計算コードをサーバーに統合し、Appのインターフェース向けに提供する方法となります。UserSig
が必要なときは、Appから業務サーバーにリクエストを送信し動的にUserSig
を取得します。詳細はサーバーでのUserSig新規作成をご参照ください。createTextMessage(String)
を呼び出してテキストメッセージを作成します。sendMessage()
を呼び出して、このIDのメッセージを送信します。receiver
には、その前に作成した別のテストアカウントIDを入力できます。シングルチャットメッセージを送信する場合はgroupID
の入力は不要です。import { TencentImSDKPlugin } from 'react-native-tim-js';const createMessage =await TencentImSDKPlugin.v2TIMManager.getMessageManager().createTextMessage("The text to create");const id = createMessage.data!.id!; // The message creation IDconst res = await TencentImSDKPlugin.v2TIMManager.getMessageManager().sendMessage(id: id, // Pass in the message creation ID toreceiver: "The userID of the destination user",groupID: "The groupID of the destination group",);
nextSeq
を保守し、現在の位置を記録する必要があります。import { useState } from "react";import { TencentImSDKPlugin } from "react-native-tim-js";const [nextSeq, setNextSeq] = useState<string>("0");const getConversationList = async () => {const count = 10;const res = await TencentImSDKPlugin.v2TIMManager.getConversationManager().getConversationList(count, nextSeq);setNextSeq(res.data?.nextSeq ?? "0");};
import { TencentImSDKPlugin } from "react-native-tim-js";const addConversationListener = () => {TencentImSDKPlugin.v2TIMManager.getConversationManager().addConversationListener({onNewConversation: (conversationList) => {// new conversation created callback_onConversationListChanged(conversationList);},onConversationChanged: (conversationList) => {// conversation changed callback_onConversationListChanged(conversationList);},});};
const _onConversationListChanged = (list) => {// you can use conversation list to update UI};
import { TencentImSDKPlugin } from "react-native-tim-js";const getGroupHistoryMessageList = async () => {const groupID = "";const count = 20;const lastMsgID = "";const res = await TencentImSDKPlugin.v2TIMManager.getMessageManager().getGroupHistoryMessageList(groupID, count, lastMsgID);const msgList = res.data ?? [];// here you can use msgList to render your message list};
V2TimAdvancedMsgListener.onRecvNewMessage
から受信します。onRecvNewMessage
コールバックがトリガーされると、必要に応じて新しいメッセージをメッセージ履歴リストに追加することができます。import { TencentImSDKPlugin } from "react-native-tim-js";const adVancesMsgListener = {onRecvNewMessage: (newMsg) => {_onReceiveNewMsg(newMsg);/// ... other listeners related to message},};const addAdvancedMsgListener = () => {TencentImSDKPlugin.v2TIMManager.getMessageManager().addAdvancedMsgListener(adVancesMsgListener);};
Undefined symbols for architecture x86_64 [duplicate]
が表示されます。どうすればいいですか?Failed to resolve: react-native-0.71.0-rc.0-debug
が表示されます。どうすればいいですか?
この記事はお役に立ちましたか?