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。