钉钉开发平台 —H5微应用-- 扫条形码、二维码 api 示例

超、凢脫俗 2024-04-20 08:59 62阅读 0赞

> # 扫条形码、二维码 #
> 
> --------------------
> 
> **使用说明**
> 
> <table> 
>  <tbody> 
>   <tr> 
>    <td> <p>客户端</p> </td> 
>    <td> <p>Android</p> </td> 
>    <td> <p>iOS</p> </td> 
>    <td> <p>PC</p> </td> 
>   </tr> 
>   <tr> 
>    <td> <p>支持说明</p> </td> 
>    <td> <p>支持</p> </td> 
>    <td> <p>支持</p> </td> 
>    <td> <p>不支持</p> </td> 
>   </tr> 
>  </tbody> 
> </table>
> 
>     dd.biz.util.scan({
>         type: String , // type 为 all、qrCode、barCode，默认是all。
>         onSuccess: function(data) {
>         //onSuccess将在扫码成功之后回调
>           /* data结构
>             { 'text': String}
>           */
>         },
>        onFail : function(err) {
>        }
>     })
> 
> **参数说明**
> 
> <table> 
>  <tbody> 
>   <tr> 
>    <td> <p>参数</p> </td> 
>    <td> <p>参数类型</p> </td> 
>    <td> <p>说明</p> </td> 
>   </tr> 
>   <tr> 
>    <td> <p>type</p> </td> 
>    <td> <p>String</p> </td> 
>    <td> <p>type为qrCode(二维码)、barCode(条形码)、all(全部)。</p> <p>默认all，若有qrCode、barCode扫描不出来，请修改type为all</p> </td> 
>   </tr> 
>  </tbody> 
> </table>
> 
> **返回说明**
> 
> <table> 
>  <tbody> 
>   <tr> 
>    <td> <p>参数</p> </td> 
>    <td> <p>说明</p> </td> 
>   </tr> 
>   <tr> 
>    <td> <p>text</p> </td> 
>    <td> <p>扫码内容</p> </td> 
>   </tr> 
>  </tbody> 
> </table>
> 
>  
> 
> 1. 引用js文件([https://ding-doc.dingtalk.com/doc\#/dev/swk0bg][https_ding-doc.dingtalk.com_doc_dev_swk0bg] 钉钉开发平台开发文档)
> 
>     <script src="//g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script>
> 
>  
> 
> 2.如何进行扫码 示例如下:
> 
>     <!DOCTYPE html>
>     <html lang="en">
>     
>     <head>
>         <meta charset="UTF-8">
>         <meta name="viewport" content="width=device-width, initial-scale=1.0">
>         <meta http-equiv="X-UA-Compatible" content="ie=edge">
>         <title>Document</title>
>     </head>
>     
>     <body>
>         <div id="div">
>             <button type="button" onclick="DDsaoMa()">扫码</button>
>            
>         </div>
>         <script src="//g.alicdn.com/dingding/open-develop/1.6.9/dingtalk.js"></script>
>         <script>
>             //扫码 可以用
>             function DDsaoMa() {
>                 dd.ready(function () {
>                     dd.biz.util.scan({
>                         type: 'all', // type 为 all、qrCode、barCode，默认是all。
>                         onSuccess: function (data) {
>                             //onSuccess将在扫码成功之后回调
>                             /* data结构
>                              { 'text': String}
>                              */
>                             alert(JSON.stringify(data));
>                         },
>                         onFail: function (err) {}
>                     })
>                 });
>             }
>            
>         </script>
>     </body>
>     
>     </html>
> 
>

[https_ding-doc.dingtalk.com_doc_dev_swk0bg]: https://ding-doc.dingtalk.com/doc#/dev/swk0bg