uni.scanCode vs MpaasScan:支付宝扫码识别赢麻了,保姆级教程来咯~

uniapp 开发的朋友,对uni.scanCode肯定不陌生 ------ 基础二维码扫描场景里,它上手快,不用额外折腾,确实省心。对于简单扫码来说也够用了,但业务一深入,各种扫不上,扫描时间过长的糟心事就来了,模糊的二维码直接识别失败,想扫条形码却毫无反应,偶尔等半天扫不出来东西,而是一串莫名其妙的数字,甚至扫空白区域都能跳出 "10320155" 这种编码......

先跟大家唠唠我踩过的这些坑,你们有没有遇到过同款?评论区来吐槽一波~

模糊码识别不出 :用户传的二维码印刷不清楚,或者被污渍遮挡一点,uni.scanCode就直接罢工,完全读不出内容------ 总不能让用户重新做二维码吧?太不现实了!
条形码不兼容 :扫商品条形码,对条形码的支持度低,大部分时候扫了没反应
识别慢 + 错乱 :扫描时要等好几秒才出结果,更糟的是偶尔会出现明明是 URL 二维码,扫出来却是一串无意义的数值;甚至对着空白处扫,也会弹出 "10320155" 这类奇怪编码,让人心里焦躁.....
用户体验拉胯 :我自己开发测试的时候都觉得烦,更别说用户了!总不能每次都让用户 离近点,再扫一次,换个角度吧?一次两次还行,次数多了用户直接炸毛.....

进入正题吧,免费的 MpaasScan支付宝扫码,真香,很久没有发博客文章了,因为这个MpaasScan支付宝扫码我已经用过三次了,因为每次用的时候间隔时间长了,每次都会忘记步骤,使用频繁,写篇笔记记录一下哈哈

先讲讲使用 MpaasScan后的核心优势

识别速度快 :在相同距离、光源条件下,对二维码、条形码的识别速度很快
识别能力强 :扫不出的模糊、破损二维码也能读取
服务很好 :虽然是免费插件,但服务体验拉满,并不是我吹捧他哈~是事实,这个服务uni需要学起来吧,响应速度也是基本秒回,1v1 专属对接,不管是配置阶段,还是后期调用时的问题,都能精准帮你解决

教程来咯

1.注册登录 阿里云 mPaaS 我用的是uniapp

链接附上:mpaas.console.aliyun.com/ 2.创建应用 输入应用名称,logo不是必填,可以上传也可以不上传 单击创建,应用创建成功,并跳转到创建页面

3.uniapp打包一个apk上传成功后,下载对应配置文件

选择对应的系统 iOS / Android / 鸿蒙,我这边用的是Android

注意:打包时,这个配置的packageName包名必须和打包包名保持一致,且必须为小写,我问了官方的技术,说是后面才改的

4.选择云端插件,在代码配置文件中填入阿里云下载的配置文件对应的值

5.打自定义包调试,一定得是自定义调试包哦,运行到手机模拟器调试就ok了 修改代码不需要再次制定自定义基座~

注意:如果出现这种提示,需要当前应用创建者在Dcloud插件市场里配置包名,如果你是应用协作者,联系应用创建者添加即可,保持和阿里云Package Name保持一致就OK了

其实他的步骤也没有那么标准,没有必须按部就班的来,比如你也可以直接在 Dcloud 插件市场导个云端插件,打包个 APK 出来,再把 APK 传到阿里云,自动生成配置文件,最后把参数填进去就行!最关键就一个事儿:Dcloud 插件市场里填的包名,和阿里云那边的 Package Name 得一模一样~ 只要这俩对得上,就会顺顺利利,没啥坑!这些都是我踩坑踩出的经验呜呜呜~

还有啥没说到的问题,后面慢慢补呀,嘻嘻 (●'◡'●)~

PS:MpaasScan:提一嘴小注意事项哈!mpaas 基线会依赖些外部三方库,可能会让打包速度变慢哦~

好啦~ MpaasScan支付宝扫码的配置 + 调用已经全搞定!直接拿去用,愉快开发玩耍起来呀~

相关推荐
Highcharts.js1 小时前
React 中原生支持使用 JSX 组件配置自定义表格 Highcharts Grid
前端·javascript·react.js·前端框架·jsx·highcharts·自定义表格
Java后端的Ai之路1 小时前
【AIAgent开发】-Agent工具封装成CLI(纯干货!!!)
java·javascript·人工智能·agent·cli
薛定谔的猫-菜鸟程序员2 小时前
Electron开发超详细教程(从入门到放弃)
前端·javascript·electron
htzyl2063 小时前
前端阶梯——第四十三章、实战二:待办清单To-Do
前端·javascript·html
程序员大阳3 小时前
HTML+CSS+JS对话式实战(1)-开篇:认识我们要做的社团活动发布平台
javascript·css·html·实战·系统·平台·社团活动发布
速易达网络3 小时前
Three.js 动画入门教学:从场景搭建到流畅动效
开发语言·javascript·ecmascript
Hilaku4 小时前
CORS 到底在保护谁?90% 的前端理解错了跨域的本质
前端·javascript·程序员
华玥作者4 小时前
Vue 3 + TypeScript + uni-app 组件库推荐:hy-app(华玥组件库)
vue.js·typescript·uni-app
阿琳a_4 小时前
b-map-viewer:面向 Vue 3 的地图可视化 SDK,从接入到展示再到交互分析
前端·javascript·vue.js·gis·数据可视化·地图