2012-07-29 175 views
4

我正在尋找可以幫助我解決獨特問題的信息,方法或代碼。我的第一個想法是使用iframe,但這似乎正在創建跨站點共享的可能問題。將網站服務嵌入其他網站的最佳方法

我有一個網站(https://siteB.com),我謹以「嵌入」到其他網站。它是用ASP.net編寫的,使用會話變量,登錄安全性,發佈消息到社交媒體(FB,Twitter)等。任何到社交媒體或通過電子郵件的鏈接,發回到siteB.com。

客戶網站將是(http:s)://siteA.com)。他們是非營利性網站,並使用支付網關進行信用卡交易。由於交易的性質(出於稅收目的),信用卡費用必須在siteA.com上進行管理 - siteB.com無法收集資金(對於此案例)並且它不能成爲「直通」類型的交易。

流量爲所有用戶是去siteA.com,從嵌入式siteB.com使用的服務,並與信用卡交易siteA.com。 siteB.com是工作完成的地方,但付款應該交給siteA.com。總的來說,目標是爲siteA.com上的用戶創建無縫體驗,並且他們的卡交易是siteA.com。

的是iframe的問題:上的iFrame siteB.com

  1. 從FB /嘰嘰喳喳/電子郵件超鏈接,查詢字符串到一個特定的頁面無法正常工作(或者不能去上班)
  2. 共享跨域會話數據是一個問題

任何建議,歡迎並非常讚賞。

+0

這是我的朋友,是我們用來稱呼海軍的一種湯三明治。你根本沒有解釋清楚,你解釋的內容聽起來像是開發者或開發團隊試圖向客戶提供他們想要的而不是說的那種情況之一:「不,你要求的不是你需要什麼,出於原因x,y和z,這是一個更好的解決方案,我們很樂意以可維護,可持續和SANE的方式實施你的需求。「 – GrayFox374 2012-07-29 03:08:17

+0

不是說如果您的網站使用HTTPS並且您使用HTTP嵌入網站B,大多數瀏覽器會將您的網站顯示爲部分安全,因爲網站B未使用HTTPS。 – 2012-07-29 03:55:49

回答

7

您可以使用對象:

<object type="text/html" data="http://siteB.com" style="width:100%; height:100%"> 
<p>backup content in case it doesn't work</p> 
</object> 

,並調整高度和寬度相應。

或者,你可以使用jQuery所看到here

<script>$("#testLoad").load("http://siteB.com/");  
<div id="testLoad"></div> 
+0

大衛 - 謝謝你的建議。我會嘗試他們並報告結果。這就是我正在尋找的 - 另一種選擇。 – brian1 2012-07-29 04:58:49

+0

最終使用對象作爲解決方案。效果很好。謝謝 – brian1 2014-02-08 06:06:18

+0

要快得多