真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

如何將GateOne嵌入我們的Web應用中

本篇文章給大家分享的是有關如何將Gate One嵌入我們的Web應用中,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

站在用戶的角度思考問題,與客戶深入溝通,找到融水網(wǎng)站設計與融水網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設計與互聯(lián)網(wǎng)技術結合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都做網(wǎng)站、網(wǎng)站建設、外貿(mào)營銷網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、主機域名、虛擬空間、企業(yè)郵箱。業(yè)務覆蓋融水地區(qū)。

從https://github.com/liftoff/GateOne下載的Gate One源代碼中,在gateone/tests/hello_embedded中有關于如何將Gate One嵌入我們應用的指導說明。

 1. 基本嵌入方式

首先先使用一個div來存放我們的Gateone,如下所示,


    

然后我們將Gate One源碼中的gateone.js拷貝到我們web應用中,然后在我們的html中引入進來?;蛘咧苯邮褂檬褂肎ate One服務上的gateone.js,如下所示,

***調(diào)用GateOne.init()將我們Gate One嵌入我們的Web應用。

一個簡單的示例代碼和效果圖如下所示,



  
    
    Basic Embedding Gate One
    
    
  
  
Hello lienhua34
             
       

如何將Gate One嵌入我們的Web應用中

2. 進階嵌入方式

調(diào)用GateOne.init()方法不只可以傳遞Gate One服務的URL,我們可以傳遞其他的參數(shù)來自定義嵌入的GateOne服務內(nèi)容。例如,theme用于設置Gate One的主題,style用于自定義Gate One的樣式。我們在上面的基本應用代碼中修改GateOne.init()方法的調(diào)用參數(shù)如下,

GateOne.init({
    url: 'https://127.0.0.1',
    embedded: true,
    // Let's apply some custom styles while we're at it ...
    style: { 'background-color': 'yellowgreen', 'box-shadow': '0 0 40px blueViolet'}
});

然后訪問我們的應用得到如下效果,

如何將Gate One嵌入我們的Web應用中

我們看到嵌入的Gate One背景色變成了綠色,說明我們傳遞的style樣式生效了。但是,等等。。。

我們發(fā)現(xiàn)一個很大的問題,嵌入的Gate One沒有了之前打開Terminal的按鈕,于是我們根本無法使用Gate One的網(wǎng)頁Terminal功能了。這個是embedded參數(shù)的作用!當將embedded參數(shù)設置成true,表示只將Gate One初始化到頁面中而不讓Gate One做任何事情。于是,我們需要通過代碼顯示得讓Gate One做事情,例如我們通過一個按鈕來讓Gate One打開一個Terminal,代碼如下所示,


     

此時我們便可以通過點擊”Add a terminal“按鈕來新建一個Terminal,效果如下圖所示,

如何將Gate One嵌入我們的Web應用中

3 GateOne.init()回調(diào)自動創(chuàng)建Terminal

GateOne.init()方法可以提供一個回調(diào)函數(shù),該回調(diào)函數(shù)會在Gate One初始化完成之后自動調(diào)用。于是,我們可以在該回調(diào)函數(shù)中自動創(chuàng)建一個Terminal。其JavaScript代碼如下,

callbackInit.js

在創(chuàng)建新Terminal的方法newTerminal中使用到了GateOne.Base.superSandbox()。該方法用于包裝任何代碼,而該代碼會一直等待到其所有依賴被加載完畢才會執(zhí)行。上面代碼創(chuàng)建新Terminal的實際代碼會等待GateOne.Terminal和GateOne.Terminal.Input加載完畢才會執(zhí)行。

以上就是如何將Gate One嵌入我們的Web應用中,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。


本文標題:如何將GateOne嵌入我們的Web應用中
網(wǎng)頁網(wǎng)址:http://weahome.cn/article/ggchhj.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部