官方文檔鏈接:https://tech.antfin.com/docs/2/72531
Kylin-plugin-mock 插件是針對在桌面瀏覽器(Chrome)中調(diào)試 JSAPI 需要而開發(fā)的數(shù)據(jù) mock 插件沪袭。
JSAPI是支付寶客戶端通過bridge機制懊直,允許前端H5頁面通過特定的JS方法贪染,可以直接調(diào)用對應(yīng)的支付凯正、拍照博秫、分享儿倒、彈出浮層之類的Native功能http://myjsapi.alipay.com/jsapi/index.html
啟動命令: cpm run dev:mock
mock.config.js里面定義了模擬接口
image.png
可以用AlipayJSBridge.call('rpc', params, callback);來調(diào)用
示例:
- 調(diào)用rpc接口
在mock/rpc/目錄下定義要加載的模塊饲趋,比如demo中的test.js里面可以定義模塊test
image.png
在瀏覽器中調(diào)用
AlipayJSBridge.call('rpc',{operationType:'test'},function(e){alert(JSON.stringify(e))})
可以看到alter彈窗
image.png
可以看到是打了2次log妓雾,一次是純請求的距糖,一次是包含返回結(jié)果的
- 調(diào)用pushwindow接口的命令比如:
image.png
- 調(diào)用getLocation的情況:
image.png