Mobile App Android & iOS | Web The QR Code & 'Visit' button direct to the same page | Windows | macOS | |
![]() | ![]() | | Windows 10+ | |
Environment | Version |
Flutter | Flutter 3.0.0 or later for the Chat SDK; Flutter 3.19.0 or later for the TUIKit component library. |
Android | Android Studio Dolphin | 2021.3.1 or later; and devices with Android 7.0 or later for apps. |
iOS | Xcode 12.0 or later. Ensure that your project has a valid developer signature. |
Platform | ||
iOS | Supported | Supported |
Android | Supported | Supported |
Supported from v4.1.1+2 | Supported | |
Supported from v4.1.9 | Supported | |
Windows | Supported from v4.1.9 | Supported |
Create Application
, enter your Application name, product, Region, and click Create
.
# Clone the codegit clone https://github.com/TencentCloud/chat-demo-flutter.git# Checkout the 'v2' branchgit checkout v2# Clean the project. Importantflutter clean# Install dependenciesflutter pub get
lib/config.dart
, and specify the sdkappid
, userid
, and usersig
obtained and generated in the previous step.UserSig
distribution method is to integrate the calculation code of UserSig
into your server and provide an app-oriented API. When UserSig
is needed, your app can send a request to the business server to obtain a dynamic UserSig
. For more information, see How to Generate UserSig on the Server.flutter run
flutter create .
in the root directory of the project to add web support.web/
directory of your project and run npm
or yarn
to install relevant JS dependencies. Initialize the project as instructed.cd webnpm initnpm i @tencentcloud/chatnpm i tim-upload-plugin
web/index.html
and import the JS files in <head> </head>
. See below:<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>
macos/Runner/DebugProfile.entitlements
and macos/Runner/Release.entitlements
files in your project.<key>com.apple.security.network.client</key><true/>
Was this page helpful?