Uni-app原生插件入门使用教程-[1]从Uni-app插件市场试用插件
[1]从Uniapp插件市场试用插件
当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力。
如使用Uniapp开发直播功能时,需要调用腾讯的直播SDK,腾讯直播SDK未提供Uniapp的调用方法,按照Uniapp提供的开发文档,将原生SDK封装为Uniapp可以调用的原生插件后即可使用Uniapp使用原生SDK。
开发原生插件需要具备一定的安卓/IOS原生开发功底,对于前端人员来说,Uniapp提供了插件市场功能,插件市场中包含大量的原生插件,能解决前端开发人员的一些问题,接下来我们就拿一个相册插件来演示下,怎么来试用插件市场中的原生插件。
1、我们前往https://ext.dcloud.net.cn/?cat1=5&cat2=51,进入插件市场中的Uniapp原生SDK,然后搜索“智密”,找到“智密-相机相册插件”(PS:这个插件即将被新版插件代替,此插件将停止维护,尽量别使用啦,不过试用还是没毛病的)

2、点击插件进入插件详情界面,点击“下载示例项目ZIP”,如果您未登录的话,请试用账号登录后完成下载。

3、在HbuilderX中打开项目,并配置项目的AppID(请确保HbuilderX已经使用账号登录,并确保与插件市场登录的账号一致)

4、在插件市场中,点击浏览器的刷新按钮,确保刚创建的AppID能出现在试用的APP清单中

5、在HbuliderX中,进入App原生插件配置,将本地插件删除,然后选择云端插件后确定。


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

7、点击菜单中的[发行]-[原生APP-云打包(P)],对打包选项进行选择,注意必须选择“打自定义调试基座”

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

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

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

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

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

13、手机上看到了最终效果了,这个相册支持拍照,录制视频,限制选择,解决Uniapp相册中图片多就卡顿的问题,支持对图片进行编辑,添加文字、表情、马赛克、截图等功能,但是因为用了不靠谱的第三方,只能放弃,后续我们将推出长期维护版的相册插件。


最后咱给自己打个广告,智密科技,专业开发各类Uniapp原生插件、目前交付给客户的插件已经超过100个各类插件,正在陆续整理上架.....,插件使用交流QQ群:755910061。
Uni-app原生插件入门使用教程-[1]从Uni-app插件市场试用插件的更多相关文章
- Uni-app原生插件入门使用教程「2」:如何离线使用原生插件
当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力. 如使用Uniapp开发直播功能时,需要调用 ...
- Docker 入门 第六部分:部署app
目录 Docker 入门 第六部分:部署app 先决条件 介绍 选择一个选项 Docker CE(Cloud provider) Enterprise(Cloud provider)这里不做介绍 En ...
- Sina App Engine(SAE)入门教程(2)-Mysql使用
如果你还没有SAE的账号,请在http://sae.sina.com.cn 注册新用户.具体的注册流程请参见:Sina App Engine(SAE)入门教程(1)在常规的环境下,我们可以通过http ...
- uniapp安卓ios百度人脸识别、活体检测、人脸采集APP原生插件
插件亮点 1 支持安卓平板(横竖屏均可),苹果的iPad.2 颜色图片均可更换. 特别提醒 此插件包含 android 端和 iOS 端,考虑到有些同学只做其中一个端的 app,特意分为 2 个插件, ...
- 《图说VR入门》——Unity插件DK2使用教程
本文章由cartzhang编写,转载请注明出处. 所有权利保留. 文章链接:http://blog.csdn.net/cartzhang/article/details/53339254 作者:car ...
- 一个关于原生 js 开发一款插件的前端教程
教程链接: http://www.codeasily.net/course/plugin_course/ 写的不是很好,前面比较松后面比较急,请大家见谅,本人也没多少年前端经验,拿以前写过的教程网站, ...
- JMeter3.2入门使用教程
JMeter3.2入门使用教程 背景说明 1.1. 背景简介 JMeter是Apache软件基金会下的一个开源项目,纯java开发的应用工具,可以作为进行负载和压力测试的工具来使用.从最开始时被设计成 ...
- Angular2入门系列教程6-路由(二)-使用多层级路由并在在路由中传递复杂参数
上一篇:Angular2入门系列教程5-路由(一)-使用简单的路由并在在路由中传递参数 之前介绍了简单的路由以及传参,这篇文章我们将要学习复杂一些的路由以及传递其他附加参数.一个好的路由系统可以使我们 ...
- Garmin APP开发之入门
Garmin开发-入门 先附上几个已经开发完成的app日历 up down 翻月 start 回到当前月(就差农历了) 秒表和定时器一体app界面比较简单,但是实用,长按菜单键可以切换秒表和定时器,有 ...
随机推荐
- 城市防汛应急管理智慧 Web GIS 可视化平台
前言 今年第 17 号台风"狮子山"(热带风暴级)登陆海南岛,受"狮子山"影响,海南岛北半部地区出现暴雨到大暴雨.局地特大暴雨.台风带来的强风雨导致海南岛多地树 ...
- CF1592F2 Alice and Recoloring 2
目前在看贪心/构造/DP 杂题选做,发现一道非常不错的结论题,具有启发意义. 先说明如下结论 结论一:如何怎么样都不会使用二和三操作 证明: 二三操作显然可以通过两次一操作达到,而其操作费用大于两次一 ...
- [TJOI2007] 可爱的质数
题意 求最小的\(x\)满足\(a^x \equiv b\mod p\) 想法 这个是标准的板子题,\(BSGS\)算法可以用来解决\(a^x \equiv b\mod p\) 和 \(x^a \eq ...
- 力扣 - 剑指 Offer 47. 礼物的最大价值
题目 剑指 Offer 47. 礼物的最大价值 思路1 因为是要求最大价值,而且只能移动下方或者右方,因此,每个位置的最大值就是本身的值加上上边 / 左边 中的最大值,然后每次遍历都可以复用上一次的值 ...
- nrf51822 RAM不足分析
之前了解过STM32 的内存分配问题,对于蓝牙芯片51822的内存分配问题把项目中,遇到了.bss和.data部分超了的问题,这其实就是声明的变量和stask 及 heap的大小总和超出了单片机的RA ...
- 痞子衡嵌入式:利用GPIO模块来测量i.MXRT1xxx的系统中断延迟时间
大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家介绍的是i.MXRT1xxx的系统中断延迟时间. 在 <Cortex-M系统中断延迟及其测量方法简介> 一文里,痞子衡介绍了 Cor ...
- js获取中国省市区,省市筛选、省市、省市筛选联动。【C#】【js】
<style type="text/css"> .labelhide { -webkit-box-shadow: 0px 1px 0px 0px #f3f3f3 !im ...
- Shell 打印空行的行号
目录 Shell 打印空行的行号 题解 Shell 打印空行的行号 写一个 bash脚本以输出一个文本文件 nowcoder.txt中空行的行号,可能连续,从1开始 示例: 假设 nowcoder.t ...
- 零基础学习java------34---------登录案例,域,jsp(不太懂),查询商品列表案例(jstl标签)
一. 简单登录案例 流程图: 项目结构图 前端代码: <!DOCTYPE html> <html> <head> <meta charset="UT ...
- C++ 类型转换(C风格的强制转换):
转https://www.cnblogs.com/Allen-rg/p/6999360.html C++ 类型转换(C风格的强制转换): 在C++基本的数据类型中,可以分为四类:整型,浮点型,字符型, ...