成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

用JavaScript訪問SAP云平臺(tái)上的服務(wù)遇到跨域問題該怎么辦

Jinkey / 564人閱讀

摘要：關(guān)于的跨域問題的討論網(wǎng)上有太多的資源了。直入主題，最近我正在做一個(gè)原型開發(fā)通過云平臺(tái)和把系統(tǒng)上的暴露出來，給微信消費(fèi)。請(qǐng)求得到響應(yīng)之后，再將其發(fā)送給?；氐轿业脑烷_發(fā)需求，云平臺(tái)上的消費(fèi)如今通過來實(shí)現(xiàn)，為簡(jiǎn)單起見，我將硬編碼在里。

關(guān)于JavaScript的跨域問題(Cross Domain)的討論, 網(wǎng)上有太多的資源了。國(guó)內(nèi)的程序猿寫了非常多的優(yōu)秀文章，Jerry這里就不再重復(fù)了。

直入主題，最近我正在做一個(gè)原型開發(fā)：通過SAP云平臺(tái)和SAP Cloud Connector把On-Premise系統(tǒng)上的ABAP function module STFC_CONNECTION 暴露出來，給微信消費(fèi)。

這個(gè)function module的邏輯很簡(jiǎn)單，直接把輸入?yún)?shù)REQUTEXT的內(nèi)容不加任何處理，拷貝到輸出參數(shù)ECHOTEXT。

具體操作步驟參考我的公眾號(hào)文章：使用Java+SAP云平臺(tái)+SAP Cloud Connector調(diào)用ABAP On-Premise系統(tǒng)里的函數(shù)

部署到SAP云平臺(tái)后，通過如下的API endpoint進(jìn)行調(diào)用：

https://demoi042416trial.hana...

然后在我的微信消息服務(wù)器上發(fā)起如下的AJAX調(diào)用去消費(fèi)（因?yàn)槭荘OC，所以把API endpoint硬編碼在第3行）：

遇到了意料之中的跨域錯(cuò)誤:?No "Access-Control-Allow-Origin" header is present on the requested resource.

如何解決?

解法1：Cross-Origin Resource Sharing

如果服務(wù)器端的響應(yīng)能夠通過編程或配置去影響，那么可以借助Cross-Origin Resource Sharing，在HTTP響應(yīng)結(jié)構(gòu)中添加字段Access-Control-Allow-Origin，其內(nèi)容根據(jù)實(shí)際業(yè)務(wù)賦以需要的origin字段即可。這里的origin在Jerry看來就是一個(gè)白名單。

解決方案參考我的博客：

Cross domain request in ABAP and Java

https://blogs.sap.com/2017/05...

解法2：JSONP

用JSONP也能解決跨域問題，但這個(gè)方法同樣需要在服務(wù)器端通過編程方式做一些處理。具體使用方式參考我的博客：

Play around with JSONP in nodeJS server and ABAP server

https://blogs.sap.com/2017/06...

而我使用SAP云平臺(tái)加上Cloud Connector將On Premise上的function module暴露到公網(wǎng)，這種方式開發(fā)人員無法對(duì)HTTP的響應(yīng)頭進(jìn)行編程或配置。因此JSONP對(duì)于我原型開發(fā)解決跨域問題也沒有幫助。

在SAP云平臺(tái)的Mobile Service for Development and Operations cockpit里有對(duì)應(yīng)的Cross Domain Access參數(shù)配置。不過我的原型開發(fā)沒有用到SAP云平臺(tái)Mobile Service這套架構(gòu)，因此也不適用。

解法3：自開發(fā)ProxyServlet

接下來咋辦？Jerry以前做CRM Fiori開發(fā)時(shí)，用的是Eclipse IDE，在本地起一個(gè)Tomcat，上面跑的Fiori應(yīng)用也能通過localhost這個(gè)域訪問到On-Premise系統(tǒng)域上的OData服務(wù)。當(dāng)時(shí)咋不會(huì)遇到跨域問題呢？仔細(xì)回憶了一下，當(dāng)時(shí)我們的Tomcat服務(wù)器上還部署了一個(gè)Proxy Servlet。Index.html發(fā)送的AJAX請(qǐng)求被ProxyServlet攔截，由ProxyServlet通過Java代碼向On-Premise系統(tǒng)發(fā)起請(qǐng)求。請(qǐng)求得到響應(yīng)之后，ProxyServlet再將其發(fā)送給Index.html。

這種類型的Servlet其原理在我的這篇博客里有詳細(xì)介紹：

Explore the com.sap.ui5.resource.ResourceServlet

https://blogs.sap.com/2014/12...

思路清楚后，寫代碼實(shí)現(xiàn)就很容易了。上圖對(duì)應(yīng)的Java Web項(xiàng)目的源代碼在我的github上：

https://github.com/i042416/SC...

1. index.html里發(fā)送的AJAX請(qǐng)求實(shí)際指向的處理者是ProxyServlet：注意下圖第三行的請(qǐng)求url路徑中的proxy。

2. 開發(fā)一個(gè)ProxyServlet，攔截url路徑里包含proxy的那些請(qǐng)求?；氐轿业脑烷_發(fā)需求，SAP云平臺(tái)上的API消費(fèi)如今通過ProxyServlet來實(shí)現(xiàn)，為簡(jiǎn)單起見，我將API endpoint硬編碼在ProxyServlet里。

經(jīng)過測(cè)試，能按照期望的方式工作：域localhost的AJAX請(qǐng)求能夠成功訪問SAP云平臺(tái)上的API：

寫完之后我在Google上搜了一下，發(fā)現(xiàn)SAP已經(jīng)在github上發(fā)布了一個(gè)標(biāo)準(zhǔn)的Proxy project，用于處理這種JavaScript跨域訪問的問題，大家有興趣可以了解一下：

https://github.com/SAP/cloud-...

更多閱讀

使用Java + SAP云平臺(tái) + SAP Cloud Connector調(diào)用ABAP On-Premise系統(tǒng)里的函數(shù)

使用JDBC操作SAP云平臺(tái)上的HANA數(shù)據(jù)庫(kù)

使用Java程序消費(fèi)SAP Leonardo的機(jī)器學(xué)習(xí)API

C4C和微信集成系列教程

要獲取更多Jerry的原創(chuàng)技術(shù)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙".

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/69545.html

相關(guān)文章

  • 用JavaScript訪問SAP云平臺(tái)上的服務(wù)遇到跨域問題該怎么辦

    摘要：關(guān)于的跨域問題的討論網(wǎng)上有太多的資源了。直入主題，最近我正在做一個(gè)原型開發(fā)通過云平臺(tái)和把系統(tǒng)上的暴露出來，給微信消費(fèi)。請(qǐng)求得到響應(yīng)之后，再將其發(fā)送給?；氐轿业脑烷_發(fā)需求，云平臺(tái)上的消費(fèi)如今通過來實(shí)現(xiàn)，為簡(jiǎn)單起見，我將硬編碼在里。 關(guān)于JavaScript的跨域問題(Cross Domain)的討論, 網(wǎng)上有太多的資源了。國(guó)內(nèi)的程序猿寫了非常多的優(yōu)秀文章，Jerry這里就不再重復(fù)了。 ...

    用戶84 評(píng)論0 收藏0

  • 站在巨人肩膀上的牛頓：Kubernetes和SAP Kyma

    摘要：小的時(shí)候，聽過牛頓這樣謙虛的一句話如果說我看得比別人更遠(yuǎn)些，那是因?yàn)槲艺驹诰奕说募绨蛏?。。發(fā)布一個(gè)的事件，事件包含創(chuàng)建訂單的字段。 這周Jerry在SAP上海研究院參加了一個(gè)為期4天的Kubernetes培訓(xùn)，度過了忙碌而又充實(shí)的4天。Jason，Benny和Peng三位大神的培訓(xùn)干貨滿滿，借此機(jī)會(huì)，Jerry和過去的兩位老領(lǐng)導(dǎo)Patrick和Evan敘了敘舊，也拜見了上海SAP圈子里...

    hosition 評(píng)論0 收藏0

  • 站在巨人肩膀上的牛頓：Kubernetes和SAP Kyma

    摘要：小的時(shí)候，聽過牛頓這樣謙虛的一句話如果說我看得比別人更遠(yuǎn)些，那是因?yàn)槲艺驹诰奕说募绨蛏?。。發(fā)布一個(gè)的事件，事件包含創(chuàng)建訂單的字段。 這周Jerry在SAP上海研究院參加了一個(gè)為期4天的Kubernetes培訓(xùn)，度過了忙碌而又充實(shí)的4天。Jason，Benny和Peng三位大神的培訓(xùn)干貨滿滿，借此機(jī)會(huì)，Jerry和過去的兩位老領(lǐng)導(dǎo)Patrick和Evan敘了敘舊，也拜見了上海SAP圈子里...

    Harpsichord1207 評(píng)論0 收藏0

  • 站在巨人肩膀上的牛頓：Kubernetes和SAP Kyma

    摘要：小的時(shí)候，聽過牛頓這樣謙虛的一句話如果說我看得比別人更遠(yuǎn)些，那是因?yàn)槲艺驹诰奕说募绨蛏?。。發(fā)布一個(gè)的事件，事件包含創(chuàng)建訂單的字段。 這周Jerry在SAP上海研究院參加了一個(gè)為期4天的Kubernetes培訓(xùn)，度過了忙碌而又充實(shí)的4天。Jason，Benny和Peng三位大神的培訓(xùn)干貨滿滿，借此機(jī)會(huì)，Jerry和過去的兩位老領(lǐng)導(dǎo)Patrick和Evan敘了敘舊，也拜見了上海SAP圈子里...

    王陸寬 評(píng)論0 收藏0

  • 記錄我開發(fā)工作中遇到HTTP跨域和OPTION請(qǐng)求的一個(gè)坑

    摘要：我通過這篇文章把今天工作中遇到的跨域和請(qǐng)求的一個(gè)坑記錄下來。預(yù)檢請(qǐng)求機(jī)制的使用，是為了避免跨域請(qǐng)求對(duì)服務(wù)器的用戶數(shù)據(jù)產(chǎn)生未預(yù)期的影響。我使用了認(rèn)證方式，這種方式不會(huì)造成該請(qǐng)求成為一個(gè)需要預(yù)檢的請(qǐng)求，所以最后跨域成功了。 我通過這篇文章把今天工作中遇到的HTTP跨域和OPTION請(qǐng)求的一個(gè)坑記錄下來。 場(chǎng)景是我需要在部署在域名a的Web應(yīng)用里用JavaScript去消費(fèi)一個(gè)部署在域名b的...

    HollisChuang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<