JSSDK
<h1>JSSDK</h1>
<p>一、<a href="https://lianaiji.feishu.cn/wiki/wikcnbIV1mU1mt6OkuzPliPrRef#" title="恋爱记接口支付文档">恋爱记接口支付文档</a></p>
<p>二、SDK链接</p>
<p><a href="https://cdn1.didiapp.com/clientlib/clientapi\_1.0.js">https://cdn1.didiapp.com/clientlib/clientapi\_1.0.js</a></p>
<p>三、支持的功能</p>
<table class="ace-table" data-ace-table-col-widths="133;236;429;260" style="border:none;border-collapse:collapse;table-layout:fixed;width:500px;"><colgroup><col width="133"><col width="236"><col width="429"><col width="260"></colgroup><tbody><tr style="height:39px;"><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-VeyQdoW6soi06wxolcycZ8Tnn9g"><strong>方法名</strong></div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-AiaWd6smMoemIQxWqO3ccxyZnge"><strong>描述</strong></div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-MIaOdqQYyo6aa2xWYBtcCbxynKh"><strong>入参</strong></div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-right:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-Fm8Gd6E2EoUg8qx2b5icplECnEy"><strong>返回值</strong></div></td></tr><tr style="height:39px;"><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-UIQadQswooIUIixykTzcDGLUnUf">openPayPage</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-FWqGdcYaqowWIexqKcScLaGNnJd"><br></div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-P2E4dcWweoWuW0xo3SYcCpCInVh">调用支付控件支持支付宝, 微信支付</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-JGkkdKkioo2oeixgZ2JceBajn1g">* data: String(通过支付接口获取,微信支付需将数据转成JSON字符串)</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-FO6Kd2SECoCKKOxQl53crYF2nHf">* order_no: String(通过下单接口获取)</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-ZWcAdK88IoAqo4xsBxtcysacnTd"><em>* </em><em>chnl</em><em>: String("alipay" 、"wx")</em></div><div style="white-space:pre;" class="ace-line ace-line old-record-id-KIwqdAkYuoa2QqxyiWicMtHOnnb">*pay_action: String("native")</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-right:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-EO6EdG0q6oqI2ExQpfocOE3qnje">无</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-RGsWd2e6eo6SYYxYDUAcocetnwf"><br></div></td></tr><tr style="height:39px;"><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-I2s0d8MiMo6yuixGKkIc9GrnnVg">preloadVideoAD</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-PMEKdWK8WosOsMx4C0qckwTknKe">客户端广告视频预加载</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-WgcUdqCY2o8iGUxgDjlcitOunDe">{</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-DUSMdiMqUoIMA0x6guKcw9O8nlg">items: [</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-EMWCdmMyIoUCGixO2jCcqgbpneh">{</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-Kwu0dy2ayoKUy4xgTRTchKgSnRd">platform: '', // 广告平台(topon: 'toponAD';车来了: 'cllAD'; )</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-PemsdmuEkoGKkSxYriJcIJhCnLd">id: "", // 广告位Id</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-ZSQCd2GsQoEaokxa0GYcybjFnLe">template: 1</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-VcM0d2cCsokQgUxGiQ2crhBgnWe">}</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-CA8qdQ02Mooqyex2z5lcJMmUnrf">]</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-Aq84dOqiOoeS6oxyWSic2jQInpd">},</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-right:rgb(222, 224, 227) solid 1px;font-size:10pt;"><ul style="white-space:pre;" class="ace-line ace-line old-record-id-E046dCaIsoCooYxQtvTcFNsOnGh"><div><div>{</div><ul><div style="white-space:pre;" class="ace-line ace-line old-record-id-KIGmdwOa4oWQ2oxea3Vc0IeznCe"> result: '', // complete:成功; fail:失败</div></ul></div></ul><div style="white-space:pre;" class="ace-line ace-line old-record-id-HUy4dKM8uoAkioxoPPFc6z5DnPd">}</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-Ne0idSAwaow4k2xgx7zcWmhUnLb">返回的是JSON字符串,需要H5转成JSON对象。</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-Xo4qdi2kgo0IUcxuKRXcX9FAnGh">错误码: -101 广告未预加载完成</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-ZMIgdwcuwoyWIOxgLZTchw2On1f">-102 SDK本身返回失败</div></td></tr><tr style="height:39px;"><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-MWgydoysOossEsxa5nrczTb1npb">openVideoAD</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-KQYUdQ6eCo6uGyxQJ9jcsdc0nSd">客户端广告视频播放</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-OESMdQKYuoAMugxEx0wcn2Qunih"><span style="color:rgb(216,57,49)">注意:播放广告需在预加载完成之后</span></div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-Koi0d6qg0oyqsMxmU3tcCskznlb">参数同上(预加载广告传入的参数和播放传入的参数应保持统一)</div><div style="white-space:pre;" class="ace-line ace-line old-record-id-YwUIdK0QcoI8Uux00hEcrkKHnnf"><br></div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-right:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-AmuEdiy0eoAYgWxSMsccy0OLntd">同上</div></td></tr><tr style="height:39px;"><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-bottom:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-E0CYd26qOom8UgxKMV2ciYjInIc">goBack</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-bottom:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-DkwodcUKAo4Eoixw1zhcvNCWnGd">客户端返回</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-bottom:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-B266d6WWKoOoQ4xCE32c1GJFnkc">{}</div></td><td colspan="1" rowspan="1" style="border-left:rgb(222, 224, 227) solid 1px;border-top:rgb(222, 224, 227) solid 1px;border-right:rgb(222, 224, 227) solid 1px;border-bottom:rgb(222, 224, 227) solid 1px;font-size:10pt;"><div style="white-space:pre;" class="ace-line ace-line old-record-id-TEAadGUcGoOgwkxItXVcUePan5e">无</div></td></tr></tbody></table>
<p>使用方法</p>
<p>1.页面引入SDK;</p>
<p>2.使用window.RunNative方法调用SDK。</p>
<p>例: 调用支付宝支付</p>
<p>window.RunNative('openPayPage', { data: 'xxxxxxxxx', order_no: 'DEV_XXXXXXXX', chnl: 'alipay', pay_action: 'native' }).then(res => {</p>
<p>alert('支付成功!')</p>
<p>}).catch(err => {</p>
<p>alert('支付失败!')</p>
<p>})</p>