# 如何使用?
<p>[TOC]</p>
<h1>1. 创建工程</h1>
<ul>
<li>使用Android Studio 或其它开发工具创建Flutter Plugin项目</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=01627f77e89bea7b36f6dc304fa47f5f&amp;file=file.png" alt="" /></p>
<h1>2. 引入SDK等第三方库</h1>
<h2>iOS</h2>
<ul>
<li>在flutter_tunnel.podspec文件中引入SDK及对应的.h文件, 并copy到对应的文件夹目录下</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=78df574c1d671a199093d129c3b7910a&amp;file=file.png" alt="" /></p>
<p>> 备注：编译时，需要在.xcodeproject中引入libz.tbd库</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=e9a58cdbfee60257b6058398b169e565&amp;file=file.png" alt="" /></p>
<h2>Android</h2>
<ul>
<li>在build.gradle文件中引入SDK文件，并copy到对应的文件夹目录下</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=2aa7a14929af2d0a3fa69a5eb746edb7&amp;file=file.png" alt="" /></p>
<h1>3. 开发&运行</h1>
<ul>
<li>在flutter_tunnel.dart文件中有实现Tunnel相关API的调用，UI层可以调用该Class FlutterTunnel中的方法</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=8ba58de3b62bad38786f698394528213&amp;file=file.png" alt="" /></p>
<ul>
<li>在本地flutter项目中引入插件，并指定位置
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=56d56f0f540c03b3c40195dc03900b88&amp;file=file.png" alt="" /></li>
</ul>
<h1>4. 如何演示？</h1>
<h2>应用安装</h2>
<p>![Flutter SDK_230915](<a href="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=55234a4bcdbe77eadc49c8c353b34925&file=file.png">https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=55234a4bcdbe77eadc49c8c353b34925&file=file.png</a> "Flutter SDK_230915")</p>
<h3>IOS应用安装指引</h3>
<ul>
<li>系统要求：IOS 10.0 及以上。</li>
<li>
<p>方法一：
a. 使用手机系统扫码工具(暂不支持使用微信或者支付宝扫一扫)；
b. 扫描上方的二维码获取下载链接地址；
c. 手机可自动识别下载地址，并弹出安装提示对话框；
d. 点击 “安装” ，等待应用安装完成。</p>
</li>
<li>
<p>方法二：
a. 使用第三方扫码工具(暂不支持使用微信或者支付宝扫一扫);
b. 扫描上方的二维码获取下载链接地址;
c.点击链接，或者将下载链接地址粘贴至 Safari 浏览器中并前往，弹出提示:“在‘iTunes’中打开链接吗?”
d. 点击 “打开” ，弹出安装提示对话框;
e. 点击 “安装” ，等待应用安装完成。</p>
</li>
<li>首次启动应用，如遇到提示“未受信任的企业级开发者”，请进行如下操作:
a. 进入手机系统设置，点击 “通用” ;
b. 找到 “设备管理” 并查看，点击 “Throughtek Co., Ltd.” ;
c. 点击 信任“Throughtek Co., Ltd.” 后，重新启动应用即可。</li>
</ul>
<h3>Android应用安装指引</h3>
<ul>
<li>系统要求:Android 7.0 及以上。
a. 使用浏览器扫码工具，或者第三方扫码工具(暂不支持使用微信或者支付宝扫一扫);
b. 扫描上方的二维码获取下载链接地址;
c. 点击链接，或者将下载链接地址粘贴至浏览器中并打开;
d. 点击 “下载” 后，进入浏览器下载界面查看进度，等待下载完成;
e. 点击 “安装” ，根据手机操作完成安装步骤即可。</li>
</ul>
<p>> 注:详细操作步骤仍以实际使用的第三方扫码工具/浏览器/手机系统行为为准，以上仅提供参考。</p>
<h2>演示步骤</h2>
<ul>
<li>步骤1. 调用 TK_initSDK Success(返回 code 0);</li>
<li>步骤2. 调用 TK_tunnelConnect Success(返回 code 0);</li>
<li>步骤3. 调用 TK_startPortMapping Success(返回 code 0);</li>
<li>步骤4. 确认代码中设置的 ip:localport, 将url地址（例如：<a href="http://127.0.0.1:10000/nas">http://127.0.0.1:10000/nas</a> ） 复制到手机浏览器中访问，获取资源成功;</li>
<li>步骤5. 调用 TK_stopPortMapping(返回 code 0) 退出端口映射配置;</li>
<li>步骤6. 调用 TK_disconnectTunnel返回 code 0) 退出tunnel通道连接;</li>
<li>步骤7. 调用 TK_unInitThunnel(返回 code 0) 反初始化 IOTC模块;</li>
</ul>
<p>> 备注：如果在调用API过程中返回错误码，可以参考标准SDK中的readme文件排查具体原因。</p>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=725fb7534adcae20a8a7b1c9d7e2010b&amp;file=file.png" alt="" /></p>
<h1>5. 注意事项</h1>
<pre><code>flutter编译环境
Flutter 2.10.1
Tools • Dart 2.16.1 • DevTools 2.9.2</code></pre>