uniapp实现扫码OCR两功能的小程序开发到上线

Posted 2023-03-21

参考技术A 1.HBuilderX 新建项目 因为做的功能简单 选了个纯洁的模板

2.新建路由先整个页面出来 代码如下 看不懂的去uniapp官网瞅瞅

https://uniapp.dcloud.io/api/README

3.上面扫码的功能完成了 就这么简单 下面是OCR 图片文字识别 用到百度的开发api 你需要注册个百度云账号 领取免费资源 新建任务 获取秘钥 才能使用 文字识别我用的是 vin识别能正常调用 其他好几个好像是并发限制 用不了

https://console.bce.baidu.com/ai/?_=1628820741533#/ai/ocr/app/create

4.HBuildX运行发布 新建小程序 微信开发者平台注册 获取appid

导入项目目录下的 unpackagedistdev到微信开发者工具打开

如果没有出现上传按钮 多半是appid和你微信开发者平台的不一样 以平台为准

5.点击上传 期间可以能会有各种各样的问题 百度都能找到 懒得写了

6.上传完事 去平台看看效果

7.这个修改的路径 就是小程序默认打开的页面

8.我是整的体验版 不用等审核就可以用手机打开访问了 当然了 这个时候你的小程序请求是发不出去的 要配置域名 如下改改就成

需要正式发布的 发布前导入build包 上传并提交审核就成了

开发中还有很多小问题 没列出来 有兴趣的私聊交流

需要源码。。。。

uniapp App端小程序 连续扫码添加购物车功能

关注公众号： 微信搜索 前端工具人 ; 收货更多的干货

原文链接： 自己掘金文章： https://juejin.cn/post/7009214640030744589

一、需求

打开App或者小程序的扫码功能，扫描商品条形码，扫描成功则添加到购物车，连续扫就一直往购物车添加商品;

uniapp 其实有自带的扫码功能， 但是扫描一次过后就会自动关闭扫码；不满足需求！

二、代码相关

源码github: https://github.com/laijinxian/custom_code_scanning

App端： plus.barcode.create API

小程序： camera 组件

三、用法

参考源码 index 文件夹， 把 components 文件夹拷贝到自己项目目录下在引入就可以了

这个功能没有什么可扩展性， 所以没做成插件；

三、 效果图

小程序：

App：

参考

微信小程序参考uniapp 插件市场一位大佬的， 尴尬的是现在连接找不到了； 在插件市场没搜到这个插件了；
有知道的可以把链接放评论里，会及时加上！