当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力。

如使用Uniapp开发直播功能时,需要调用腾讯的直播SDK,腾讯直播SDK未提供Uniapp的调用方法,按照Uniapp提供的开发文档,将原生SDK封装为Uniapp可以调用的原生插件后即可使用Uni-app使用原生SDK。

开发原生插件需要具备一定的安卓/IOS原生开发功底,对于前端人员来说自己开发原生插件有一定的难度,智密科技已经为客户定制交付了100多个原生插件,插件正在慢慢地整理上架,之前文章《Uni-app原生插件入门使用教程[1]:从Uni-app插件市场获取并试用插件》 (文章链接)说了如果从插件市场进行试用,但是插件上架需要经过DCloud审核,对于比较急的功能来说不一定适合,这篇文章我们来说下怎么来使用离线原生插件,以便更加灵活和及时的使用最新插件。

1、我们前往智密科技官网(链接:智密科技官网 ),进入UNI-APP插件中找到"腾讯音视频通话插件(一对一和一对多)"

点击插件进入插件详情界面,向下滚动,到底部后,点击"示例工程下载",下载示例工程。

点击免费试用,按照提示信息填写相关信息,尽量正确填写,以免后面碰到问题,特别注意包名的填写,这个必须要和后面生成APP时使用的包名一致,否则插件无法使用。信息填写完成后,注意看弹出的框,并点击下载插件。

示例工程和插件都到手后,对文件进行解压,解压后打开插件目录中的package.json,获取插件id,当前插件的id为Zhimi-TRTCCalling-local,将插件文件夹重命名为Zhimi-TRTCCalling-local,并将文件夹放到工程nativeplugins目录下。

在HbuliderX中打开工程,进入基础配置,点击"重新获取",获取新的AppID

进入App原生插件配置,先删除工程带的插件,然后选择本地插件,选择完成后点击"确认"。

进入App图标配置,选择一张图片后,点击"自动生成所有图标并替换",自动配置完所有的图标

点击菜单中的[发行]-[原生APP-云打包(P)],对打包选项进行选择,注意必须选择"打自定义调试基座",安卓包名一定要和刚才填写的App包名一致。

如果出现错误提示"代码使用了scss/sass语言,但未安装相应编译器",请通过菜单[工具]-[插件安装]-[安装新插件]-[前往插件市场安装]-搜索"scss"-"使用HbuilderX 导入插件",系统自动会安装完成插件,安装完成插件后,继续按照步骤[7],进行打包,打包队列较长时,可能需要长时间等待

这种状态就在正常打包了,慢慢等吧..

经过漫长的等待,总算看到了胜利的曙光...

准备运行到手机上试试效果吧,不过在那之前还有个特别要注意的,要选择"自定义调试基座"。

迫不及待地把它运行到手机吧,记得打开手机的USB调试,改点确定的时候毫不犹豫地点确定....

手机上看到了最终效果了,点击按钮,你会发现登录失败,巴拉巴拉反正就是用不起来,不要慌,智密出品的插件绝对好用,不好用你来咬我,后面的文章会介绍这个插件还需要配置哪些东西,这篇文章到此结束,后面的文章再来说需要配置哪些东西,可以在Uniapp中实现一对一语音视频聊天,多人语音视频聊天,在线会议等等功能。

智密科技,专业开发各类Uniapp原生插件、目前交付给客户的插件已经超过100个各类插件,正在陆续整理上架并分享一切关于Uni-app的教程、资讯。欢迎加入QQ群与作者一起讨论uni-app!

插件使用交流QQ群:755910061

Uni-app原生插件入门使用教程「2」:如何离线使用原生插件的更多相关文章

  1. Uni-app原生插件入门使用教程-[1]从Uni-app插件市场试用插件

    [1]从Uniapp插件市场试用插件 当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力. 如使 ...

  2. 「技巧」如何快速安装 Sketch 插件

    Sketch拥有强大丰富的插件,但是这些插件天各一方,四处查找下载地址非常麻烦.这里提供一个技巧,通过一个入口可以安装各种插件,基本涵盖了市面上所有靠谱的插件. 准备 Sketch54 Runner ...

  3. React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块

    尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息. ...

  4. 正则表达式从入门到放弃「Java」

    正则表达式能做什么? 正则表达式可以用来搜索.编辑或处理文本. 「都懂它可以处理文本,可到底是怎么回事?」 正则表达式的定义 百度百科:正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特 ...

  5. Sina App Engine(SAE)入门教程(2)-Mysql使用

    如果你还没有SAE的账号,请在http://sae.sina.com.cn 注册新用户.具体的注册流程请参见:Sina App Engine(SAE)入门教程(1)在常规的环境下,我们可以通过http ...

  6. 《图说VR入门》——Unity插件DK2使用教程

    本文章由cartzhang编写,转载请注明出处. 所有权利保留. 文章链接:http://blog.csdn.net/cartzhang/article/details/53339254 作者:car ...

  7. 一个关于原生 js 开发一款插件的前端教程

    教程链接: http://www.codeasily.net/course/plugin_course/ 写的不是很好,前面比较松后面比较急,请大家见谅,本人也没多少年前端经验,拿以前写过的教程网站, ...

  8. JMeter3.2入门使用教程

    JMeter3.2入门使用教程 背景说明 1.1. 背景简介 JMeter是Apache软件基金会下的一个开源项目,纯java开发的应用工具,可以作为进行负载和压力测试的工具来使用.从最开始时被设计成 ...

  9. Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数

    上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数 之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们 ...

随机推荐

  1. JS 执行上下文的一次理解

    执行上下文 执行上下文概念 当代码运行时,会产生一个对应的执行环境,在这个环境中,变量会被事先提出来(变量提升),代码从上往下开始执行,就叫做执行上下文. 注:在定义变量是未直接赋值,使用默认值 un ...

  2. char *p、char p[]、字符串的几个题目

    总结一下遇到的关于char *p.char p[]和字符串的题目: 例一:(指针的指针) 1 void getmemory(char **p) 2 { 3 p = (char *)malloc(100 ...

  3. R语言与医学统计图形-【29】地图的绘制

    R绘制地图原理: R使用一个个多边形(polygon)来表示每个区域,通过顺次连接GIS数据提供的每个区域多边形的坐标来逐点绘制这些多边形,所以理论上只要得到GIS数据就可绘制相应的地图. 地图绘制说 ...

  4. Linux之vi和vim编辑器

    目录 1. vi和vim简介 2. vi 和 vim 的三种常见模式 2.1 正常模式 2.2 插入模式 2.3 命令行模式 3. 三种模式间的切换 4. 常用快捷键案例 5. 常用命令 1. vi和 ...

  5. 《手把手教你》系列技巧篇(四十七)-java+ selenium自动化测试-判断元素是否显示(详解教程)

    1.简介 webdriver有三种判断元素状态的方法,分别是isEnabled,isSelected 和 isDisplayed,其中isSelected在前面的内容中已经简单的介绍了,isSelec ...

  6. day28 进程(Process)

    day28 进程(Process) 1.进程的概念 进程(Process)是计算机中的程序关于某数据集合上的一次运行活动,是系统进行资源分配和调度的基本单位,是操作系统结构的基础. # 进程是系统进行 ...

  7. Angular 组件通信的三种方式

    我们可以通过以下三种方式来实现: 传递一个组件的引用给另一个组件 通过子组件发送EventEmitter和父组件通信 通过serive通信 1. 传递一个组件的引用给另一个组件 Demo1 模板引用变 ...

  8. 一起手写吧!ES5和ES6的继承机制!

    原型 执行代码var o = new Object(); 此时o对象内部会存储一个指针,这个指针指向了Object.prototype,当执行o.toString()等方法(或访问其他属性)时,o会首 ...

  9. 求最长子序列(非连续)的STL方法 - 洛谷P1020 [NOIP1999 普及组] 导弹拦截

    先给出例题:P1020 [NOIP1999 普及组] 导弹拦截 - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) 大佬题解:P1020 [NOIP1999 普及组] 导弹拦截 - 洛谷 ...

  10. 节省内存的循环banner(一)

    循环banner是指scrollview首尾相连,循环播放的效果,使用非常广泛.例如淘宝的广告栏等. 如果是简单的做法可以把所有要显示的图片全部放进一个数组里,创建相同个数的图片视图来显示图片.这样的 ...