uni-app开发微信小程序使用微信小程序的插件(代码片段)

弓弧名家_玄真君 弓弧名家_玄真君     2022-12-28     190

关键词:

假如使用uni-app开发微信小程序需要用到官方插件----OCR插件,
插件地址如下:
OCR插件

申请方式见插件地址介绍。本文主要记录调用方式
1.在manifest.json的“mp-weixin”里添加

"plugins": 
   "ocr-plugin": 
        "version": "3.0.1",
        "provider": "wx4418e3e031e551be"
    

2.在pages.json的globalStyle添加

"usingComponents": 
    "ocr-navigator": "plugin://ocr-plugin/ocr-navigator"

3.在需要的调用插件的页面中调用,根据微信的插件接入文档,该插件对外暴露自定义组件的UI载体为button,所以这里我使用button包住一个字体图标

<ocr-navigator @onSuccess="success" certificateType="idCard" :opposite="false">
  <button type="primary"><i class="iconfont OCR-icon">&#xe62c;</i></button>
</ocr-navigator>

插件调用成功之后的回调,在这里面接受返回的参数

success(res) 
    console.log(res)
    this.realname = res.detail.name.text
    this.idcard = res.detail.id.text
,

uni-app开发微信小程序使用腾讯地图选点和城市选择器插件(代码片段)

文章目录前言效果图第一步、登录腾讯地图申请属于自己小程序的key第二步、登录微信公众平台添加插件第三步、引入插件包,配置定位允许授权第四步、通过点击事件使用插件第五步、拿到插件接口返回的选点结果对象第... 查看详情

uni-app.11.开发微信小程序实现消息订阅(代码片段)

开发微信小程序实现消息订阅使用场景订阅消息一次性订阅消息长期订阅消息实现步骤1.获取模板ID2.uni.requestSubscribeMessage3.subscribeMessage.send4.测试使用场景在我们开发的小程序中司机首次登录需要先认证从业资质和车辆。司机在... 查看详情

怎么使用sublime来开发微信小程序怎么预览

...方,最终运行结果还是得看官方的IDE,所以使用sublime开发微信小程序的流程是这样的:创建小程序项目,直接将整个项目文件夹拖入sublime,即可在sublime里面进行编辑,而官方的IDE就只是单纯用来调试用的!!!让代码提示加速... 查看详情

uniapp开发微信小程序,从构建到上线(代码片段)

...网对Uniapp的介绍,也让我们有个更全面的认识;uni-app 是一个使用 Vue.js (opensnewwindow)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web&# 查看详情

uni-app开发微信小程使用腾讯位置服务获取用户的位置信息(代码片段)

uni-app开发微信小程使用腾讯位置服务获取用户的位置信息一、开通腾讯位置服务二、编码实现(一)获取定位坐标(二)、在项目中使用一、开通腾讯位置服务在这里我们先要登录腾讯我i之服务的官网开通位置服务腾讯位置服... 查看详情

uni-app开发微信小程使用腾讯位置服务获取用户的位置信息(代码片段)

uni-app开发微信小程使用腾讯位置服务获取用户的位置信息一、开通腾讯位置服务二、编码实现(一)获取定位坐标(二)、在项目中使用一、开通腾讯位置服务在这里我们先要登录腾讯我i之服务的官网开通位置服务腾讯位置服... 查看详情

微信小程序用啥语言开发微信小程序用啥语言开发

参考技术A1、微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXinMarkLanguage微信标记语言)、WXSS(WeiXinStyleSheet微信样式表)、JS(JavaScript小程序的主体);2、首先是WXML,它与Android... 查看详情

使用vscode开发微信小程序(代码片段)

.MathJax,.MathJax_Message,.MathJax_Previewdisplay:none使用VSCode开发微信小程序微信开发工具结构缺点VSCodeVSCode下载插件Chinese小程序开发助手Easylessminappvscodewxmlwechat-snippet中文乱码处理配置Easyless说明 微信开发工具说归说,但是开发微信... 查看详情

uni-app+vue3+vant开发微信小程序探路...(代码片段)

...备工作:创建项目工具:HBuilder最新稳定版,uni-app官网可下载菜单栏:文件->新建->项目,创建一个空白的基于vue3版本的模板目录即可调试工具:预先下载安装微信开发者工具HBuilder中选中当前项目的... 查看详情

uni-app开发微信小程使用腾讯位置服务获取用户的位置信息(代码片段)

uni-app开发微信小程使用腾讯位置服务获取用户的位置信息一、开通腾讯位置服务二、编码实现(一)获取定位坐标(二)、在项目中使用一、开通腾讯位置服务在这里我们先要登录腾讯我i之服务的官网开通位置服务腾讯位置服... 查看详情

开发微信小程序(uniapp)(代码片段)

...的项目在点击工具栏里的文件->新建->项目:选择uni-app类型,输入工程名,选择模板,点击创建,即可成功创建。HBuildX创建的项目可能缺少d.ts在项目执行下面两行命令生成d.tsnpminitnpmi@types/uni-app-D基于We... 查看详情

开发微信小程序要下载git吗

参考技术A你好,开发微信小程序不需要下载git。微信小程序管理后台只有一个管理员可以登录,可以同时绑定10个开发者和20个体验者,开发者们可以通过版本管理工具(比如SVN或者Git等)共同开发,但是向微信后台提交代码只... 查看详情

go开发微信小程序有哪些不错的第三方sdk

...MySQL、Redis和开源工具等等相关内容。最近准备用Go语言开发微信小程序,发现会调用很多微信小程序的服务端接口,并且还需要自己封装。于是想着去GitHub上看看,是否有第三方现成的SDK直接拿来使用,结果发现两个非常不错的... 查看详情

开发微信小程序的具体流程都有哪些?

...之前必须要完成和注册认证。如果是个人或者小公司想开发微信小程序,也可以找微信认证第三方开发商,比如赢在移动、正品科技等。1、微信小程序注册在微信公众平台官网首页,按照提示点击右上角的“立即注册”按钮,... 查看详情

开发微信小程序的时候都要注意啥问题

1、小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。2、小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更换名称进行设置。3、小程序名称在帐号信息设置时完成,... 查看详情

怎样用php开发微信小程序的后端?

可以去看小程序的开发文档,结合你公司的功能进行开发。追问具体看文档的哪部分?追答。。。你看符合你功能的那部分开发文档啊,,,你是开发?追问后台应该看哪部分?参考技术A用php写API接口给小程序使用追问能详细说一... 查看详情

微信小程序生产环境初始化不能选择java

...B符合微信小程序官方开发规则非常重要。如果是个人开发微信小程序可能会面临许多困难,所以建议在开发微信小程序的时候,借力微信第三方开发商,比如:赢在移动 查看详情

【uni-app】微信登录在微信小程序和app中的区别

参考技术A在uni-app中,使用微信登录用到的API如下:注意点:unionid只有在你绑定的微信开发平台之后,才会返回。这里就可能留下一个坑:如果是先开发微信小程序平台,积累了一批客户。再去申请开通微信开放平台,关联APP时... 查看详情