﻿
﻿

","showToc":false,"toc":"","recentReleaseTime":"2024-08-07 14:34:01","videoConfig":{"position":"top"},"githubUrl":"https://github.com/tencentyun/qcloud-documents/blob/master/product/移动与通信/即时通信/体验%20Demo.md","isSlate":true,"writeNodeId":"107052220333830144","displayEditEntry":true,"slate":"\"[{\\\"id\\\":\\\"P2PVp0sVDcnhuynOyx0KM\\\",\\\"type\\\":\\\"html-block\\\",\\\"content\\\":\\\"\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fportal\\u002Fcss\\u002Fglobal-20209142343.css?max_age=31536000&t=20191128\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fportal\\u002Fcss\\u002Fglobal-components.css?max_age=31536000&t=20180817\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fdocumentation\\u002Fdocumentation-v4\\u002Fcss\\u002Fpandect-20219091610.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fdocumentation\\u002Fdocumentation-v4\\u002Fcss\\u002Fimport-2-markdown-20219091610.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fplatform\\u002Fdocuments\\u002Fcss\\u002Fdocuments-202205161915.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fdocumentation\\u002Fdocumentation-v4\\u002Fcss\\u002Fpandect-202012171130.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fstatic\\u002Fdocument\\u002Fqcloud-document-sdk.v0.0.17.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fqcloud\\u002Fmain\\u002Fcomponents\\u002Fdocument-feedback\\u002Fdocument-feedback.944df9c907.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Cstyle\\u003E\\\\n * {\\\\n font-family: \\\\\\\"pingfang SC\\\\\\\", \\\\\\\"helvetica neue\\\\\\\", arial, \\\\\\\"hiragino sans gb\\\\\\\",\\\\n \\\\\\\"microsoft yahei ui\\\\\\\", \\\\\\\"microsoft yahei\\\\\\\", simsun, sans-serif;\\\\n }\\\\n\\u003C\\u002Fstyle\\u003E\\\\n\\\\n\\u003Cstyle\\u003E\\\\n .markdown-text-box img {\\\\n box-shadow: none;\\\\n }\\\\n\\\\n .header {\\\\n padding-left: 15px;\\\\n margin-top: 20px;\\\\n font-size: 20px !important;\\\\n flex: 1;\\\\n margin: 0 !important;\\\\n padding: 10px !important;\\\\n }\\\\n\\\\n .card-list-container {\\\\n position: relative;\\\\n box-sizing: border-box;\\\\n padding-bottom: 10px;\\\\n margin-bottom: 10px;\\\\n overflow: hidden;\\\\n display: flex;\\\\n }\\\\n\\\\n .card-container {\\\\n width: 280px;\\\\n display: block;\\\\n padding: 5px;\\\\n box-sizing: border-box;\\\\n }\\\\n\\\\n .card {\\\\n border-radius: 10px;\\\\n height: 300px;\\\\n padding: 30px 0px;\\\\n border: 1px solid #ebeef5;\\\\n background-color: #fff;\\\\n overflow: hidden;\\\\n box-shadow: 0 2px 12px 0 rgb(0 0 0 \\u002F 5%);\\\\n text-align: center;\\\\n }\\\\n\\\\n .title-name {\\\\n color: #191919;\\\\n font-weight: bolder;\\\\n font-size: larger;\\\\n height: 30px;\\\\n }\\\\n\\\\n .button-list-container {\\\\n height: 100px;\\\\n display: flex;\\\\n justify-content: space-around;\\\\n align-items: center;\\\\n flex-direction: column;\\\\n }\\\\n\\\\n .button {\\\\n height: 30px;\\\\n width: 110px;\\\\n background-color: #006eff;\\\\n color: #fff !important;\\\\n border: 1px solid #006eff;\\\\n line-height: 30px;\\\\n text-align: center;\\\\n display: block;\\\\n cursor: pointer;\\\\n outline: 0 none;\\\\n box-sizing: border-box;\\\\n text-decoration: none;\\\\n font-size: 12px;\\\\n white-space: nowrap;\\\\n border-radius: 15px;\\\\n font-weight: 600;\\\\n }\\\\n\\\\n @media (max-width: 768px) {\\\\n .card-container,\\\\n .scene-card-container {\\\\n width: 100%;\\\\n }\\\\n\\\\n .scene-card \\u003E div {\\\\n width: 100% !important;\\\\n margin-left: 0 !important;\\\\n }\\\\n\\\\n img {\\\\n box-shadow: none;\\\\n }\\\\n }\\\\n\\u003C\\u002Fstyle\\u003E\\\\n\\\\n\\u003Cdiv class=\\\\\\\"markdown-text-box\\\\\\\"\\u003E\\\\n \\u003Cdiv\\u003E\\\\n \\u003Ch3 class=\\\\\\\"header\\\\\\\"\\u003E各端原生开发 Demo\\u003C\\u002Fh3\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-list-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002Fb0211b0870806899009a17a4216ea65c.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EAndroid\\u003C\\u002Fp\\u003E\\\\n \\u003Cdiv style=\\\\\\\"width:100px;margin:auto\\\\\\\"\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F078fbb462abd2253e4732487cad8a66d.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F36838\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002F613f2e15bed7c8297110676b52784b71.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EiOS\\u003C\\u002Fp\\u003E\\\\n \\u003Cdiv style=\\\\\\\"width:100px;margin:auto\\\\\\\"\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002Fb1ea5318e1cfce38e4ef6249de7a4106.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68228\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cdiv\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fweb.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EWeb(Vue)\\u003C\\u002Fp\\u003E\\\\n \\u003Cdiv style=\\\\\\\"width:100px;margin:auto\\\\\\\"\\u003E\\\\n \\u003Cp class=\\\\\\\"button-list-container\\\\\\\"\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdemo\\u002Flatest\\u002Findex.html?_ga=1.155373371.1405321597.1563848739#\\u002Flogin\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003E基础聊天\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68433\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cdiv\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fweb.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EWeb(React)\\u003C\\u002Fp\\u003E\\\\n \\u003Cdiv style=\\\\\\\"width:100px;margin:auto\\\\\\\"\\u003E\\\\n \\u003Cp class=\\\\\\\"button-list-container\\\\\\\"\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdemo\\u002Freact\\u002Findex.html\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003E基础聊天\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F83556\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fh5.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EH5(Vue)\\u003C\\u002Fp\\u003E\\\\n \\u003Cdiv style=\\\\\\\"width:100px;margin:auto\\\\\\\"\\u003E\\\\n \\u003Cp style=\\\\\\\"width:110px;height:110px;max-width:inherit;position:relative;left:-5px;top:-5px;margin:0px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:110px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F14c9b415faf001e00a604098af7c5d21.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68433\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fmini.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003E微信小程序\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F46f2c76de9ef98e7eda34cc838c01d32.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68376\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv\\u003E\\\\n \\u003Ch3 class=\\\\\\\"header\\\\\\\"\\u003Euni-app Demo\\u003C\\u002Fh3\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-list-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002Fb0211b0870806899009a17a4216ea65c.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EAndroid\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002Fc1fed062d91cd95fdfb57059edcd5890.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F64506\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fmini.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003E微信小程序\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fsdk-web-1252463788.cos.ap-hongkong.myqcloud.com\\u002Fim\\u002Fdemo\\u002Fofficial-experience-demo\\u002Funiapp\\u002Fwechat\\u002Fofficial-uniapp-wechat-qcode.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F64506\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fh5.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EH5\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fsdk-web-1252463788.cos.ap-hongkong.myqcloud.com\\u002Fim\\u002Fdemo\\u002Fofficial-experience-demo\\u002Funiapp\\u002Fh5\\u002Fofficial-uniapp-h5-qcode.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F64506\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002F613f2e15bed7c8297110676b52784b71.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EIOS\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fsdk-web-1252463788.cos.ap-hongkong.myqcloud.com\\u002Fim\\u002Fdemo\\u002Fofficial-experience-demo\\u002Funiapp\\u002Fios\\u002Fofficial-uniapp-ios-qcode.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F64506\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv\\u003E\\\\n \\u003Ch3 class=\\\\\\\"header\\\\\\\"\\u003EFlutter Demo\\u003C\\u002Fh3\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-list-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fh5.svg\\\\\\\" style=\\\\\\\"width:48px\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EH5\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F3c79e8bb16dd0eeab35e894a690e0444.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68823\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fweb.svg\\\\\\\" style=\\\\\\\"width:48px\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EWeb\\u003C\\u002Fp\\u003E\\\\n \\u003Cp class=\\\\\\\"button-list-container\\\\\\\"\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fcomm.qq.com\\u002Fflutter\\u002F#\\u002F\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003E在线体验\\u003C\\u002Fa\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fzhiliao.qq.com\\u002F\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003E社群聊天\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68823\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002F98394fa5d669de7fb7a187565d138cdb.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003E手机端(V1 稳定版)\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fsdk-web-1252463788.cos.accelerate.myqcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Fflutter-phone-v1.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68823\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002F98394fa5d669de7fb7a187565d138cdb.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003E手机端(V2 体验版)\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002Fa424fd7a863491f71bcfc53544961a7a.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F52049#02afd6a1-cbaf-45e9-9caa-4947e8d445ed\\\\\\\"\\u003E新版本介绍\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002F98394fa5d669de7fb7a187565d138cdb.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003E桌面端\\u003C\\u002Fp\\u003E\\\\n \\u003Cp class=\\\\\\\"button-list-container\\\\\\\"\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fcomm.qq.com\\u002Fim_demo_download\\u002Fwindows_flutter.appx\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003EWindows\\u003C\\u002Fa\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fcomm.qq.com\\u002Fim_demo_download\\u002Fmacos_flutter.dmg\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003EmacOS\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-top:70px\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fsupport.apple.com\\u002Fzh-cn\\u002Fguide\\u002Fmac-help\\u002Fmh40616\\u002Fmac\\\\\\\"\\u003Emac 安装\\u003C\\u002Fa\\u003E\\u003Cbr \\u002F\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-top:70px\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F68823\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv\\u003E\\\\n \\u003Cdiv style=\\\\\\\"display:flex\\\\\\\"\\u003E\\\\n \\u003Ch3 class=\\\\\\\"header\\\\\\\"\\u003EUnity Demo\\u003C\\u002Fh3\\u003E\\\\n \\u003Ch3 class=\\\\\\\"header\\\\\\\"\\u003EElectron Demo\\u003C\\u002Fh3\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n\\\\n \\u003Cdiv class=\\\\\\\"card-list-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002Fb0211b0870806899009a17a4216ea65c.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EAndroid\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fsdk-web-1252463788.cos.accelerate.myqcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Funity-android.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F54106\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fmain.qcloudimg.com\\u002Fraw\\u002F613f2e15bed7c8297110676b52784b71.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\"\\u003EiOS\\u003C\\u002Fp\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\\\n \\u003Cimg style=\\\\\\\"width:100px;max-width:inherit\\\\\\\" src=\\\\\\\"https:\\u002F\\u002Fsdk-web-1252463788.cos.accelerate.myqcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002Funity-ios.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F54106\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fweb.sdk.qcloud.com\\u002Fim\\u002Fdoc\\u002Fdemo-docs-icon\\u002FElectron.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003Cp class=\\\\\\\"title-name\\\\\\\" style=\\\\\\\"height:10px\\\\\\\"\\u003E\\u003C\\u002Fp\\u003E\\\\n \\u003Cdiv style=\\\\\\\"width:100px;height:120px;margin:auto\\\\\\\"\\u003E\\\\n \\u003Cp class=\\\\\\\"button-list-container\\\\\\\"\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fcomm.qq.com\\u002Fim_demo_download\\u002Findex.html#\\u002Fpc-windows\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003EWindows\\u003C\\u002Fa\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fcomm.qq.com\\u002Fim_demo_download\\u002Findex.html#\\u002Fpc\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003EMac OS\\u003C\\u002Fa\\u003E\\\\n \\u003Ca class=\\\\\\\"button\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fcomm.qq.com\\u002Fim_demo_download\\u002Findex.html#\\u002Fpcarm64\\\\\\\" target=\\\\\\\"_blank\\\\\\\"\\u003EMacOS M1\\u002FM2\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fp\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cp style=\\\\\\\"color:#586376;height:100px\\\\\\\"\\u003E\\u003C\\u002Fp\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F269\\u002F63007\\\\\\\"\\u003E快速入门\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"card-container\\\\\\\"\\u003E\\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n\\u003C\\u002Fdiv\\u003E\\\\n\\\",\\\"children\\\":[{\\\"text\\\":\\\"\\\"}]},{\\\"id\\\":\\\"PhYwFSjy7zFXjiZhCT2mh\\\",\\\"type\\\":\\\"p\\\",\\\"children\\\":[{\\\"text\\\":\\\"\\\"}]}]\"","sdkPath":"//qcloudimg.tencent-cloud.cn/static/document/tea-slate-sdk.v0.1.11"},"relationConfig":{"switch":0},"shareConfig":[],"advanced":{"scripts":""}},"relatedHotArticleList":[]},"staticContext":{"isMobile":false,"isMiniProgram":false,"isWechat":false,"isPreview":false,"originalUrl":"/document/product/269/36852","CDN_DOMAIN":"cloudcache.tencent-cloud.com","QCLOUD_DOMAIN":"cloud.tencent.com","isLegalReferer":true,"ssrInfo":{},"language":"zh","requestId":"j1ljBZ8Uz"}},"0-0":null},"actionData":null,"errors":null}

体验 Demo