いつもお世話になっております。
現在kintoneフォームブリッジを試しており、外部APIをxhrで読み込む方法を探しております。
試したことは次の通りです。
ライブラリのロード
フォームブリッジのカスタマイズからjavascriptに次のURLを指定しました。
http://zeptojs.com/zepto.min.js
$.getJSON
フォームブリッジの画面でGoogle Chrome Consoleから次のコードを試しました。
$.getJSON('[https://raw.githubusercontent.com/typicode/json-server/master/db.json](https://raw.githubusercontent.com/typicode/json-server/master/db.json)', function(data){
console.log(data);
});
エラーメッセージ
Content Security Policy directive: "connect-src 'self'".
フォームブリッジのHTTP-Response
Content-Security-Policy:default-src 'none'; script-src \* 'self' 'unsafe-inline' 'unsafe-eval'; style-src \* 'self' 'unsafe-inline'; img-src \* 'self' data:; font-src \* 'self' data:; connect-src 'self'
↓見やすく成形
Content-Security-Policy:
default-src 'none';
script-src \* 'self' 'unsafe-inline' 'unsafe-eval';
style-src \* 'self' 'unsafe-inline';
img-src \* 'self' data:;
font-src \* 'self' data:;
connect-src 'self'
おそらく、Content-Security-Policyに connect-src 'self' が指定されており、外部のコンテンツを取りにいけないものかと思います。
なおkintoneアプリからはkintone.proxy関数を使うと外部APIを叩けるようです。
kintone.proxy
https://developer.cybozu.io/hc/ja/articles/202166320-%E5%A4%96%E9%83%A8API%E3%81%AE%E5%AE%9F%E8%A1%8C
kintoneフォームブリッジにて、kintone.proxy関数のように外部APIからデータを取得する手段がありましたらご教示いただけると幸いです。
何卒よろしくお願いいたします。