本文主要 以新手的視角 一步步在 unity 引入 web 第三方 sdk 的能力（這里以 騰訊云 web im sdk 作為參考），廢話不多說，現(xiàn)在開始~
前期工作，集成 騰訊云 unity im sdk ，并調(diào)用相關(guān)api后 打包，下面是引入 sdk 的方式：
- 使用 VSCode 打開unity項目，在根目錄下找到 Packages/manifest.json 打開，添加 騰訊云 im unity sdk：
{
"dependencies":{
"com.tencent.imsdk.unity":"https://github.com/TencentCloud/chat-sdk-unity.git#unity@7.9.5670"
}
}
第一步：
首先確認(rèn)系統(tǒng)內(nèi)已經(jīng)安裝并配置好 npm（網(wǎng)上有一堆文章，可以去看看），安裝成功之后運行下面命令，會顯示對應(yīng)版本號
npm --version
image.png
第二步：
打開 terminal 控制臺，進入到 unity webgl 打包后生成的 應(yīng)用目錄
cd C:\xxx\xxx\xxx\project
第三步：
首次進入到 應(yīng)用目錄，在 terminal控制臺 輸入下面命令創(chuàng)建 package.json（后續(xù)不用再執(zhí)行）
npm init
npm init 不知道怎么配置，點擊這里
第四步：
下載安裝第三方sdk，這里以 “騰訊云 web im” 舉例,在 terminal控制臺 繼續(xù)輸入下面命令下載兩個文件
npm i @tencentcloud/chat
npm i tim-upload-plugin
第五步：
最后 打開 應(yīng)用目錄下的 index.html，在 <head> </head> 間引入 JS 文件。內(nèi)容如下：
<head>
<!--- 省略其他配置 --->
<script src="./node_modules/tim-upload-plugin/index.js"></script>
<script src="./node_modules/@tencentcloud/chat/index.js"></script>
<script src="./node_modules/@tencentcloud/chat/modules/group-module.js"></script>
<script src="./node_modules/@tencentcloud/chat/modules/relationship-module.js"></script>
<script src="./node_modules/@tencentcloud/chat/modules/signaling-module.js"></script>
- 打包之后的應(yīng)用目錄結(jié)構(gòu)
接下來 再次運行打包之后的應(yīng)用 或者 使用 重新執(zhí)行 Build And Run，通過 web 瀏覽器上運行驗證是否已接入成功
最終成功的效果
-
調(diào)用 api 初始化 及 登錄之后的效果
補充：
運行報錯:
(web im sdk 沒有配置成功，需要通過上面命令一步一步處理，也可能是緩存問題，先通過 npm 相關(guān)命令，清理下緩存 并刪除 打包后應(yīng)用目錄下 node_modules整個目錄，然后重新創(chuàng)建和下載) npm清理緩存點這里
