ブログ

自社サイトを小窓表示させたい

『技術サポートでは、どのような対応をしているか』
皆様に具体的に知っていただきたく、実際の対応例をご紹介致します。

※問合せ内容、および、回答内容は、一部抜粋にて掲載しております。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
【問い合わせ内容】

お世話になります。
小窓機能についてご質問がございます。
小窓機能に対応しているURLはhttp://www.openpne.jp/cmd/list/にあるもののみと
認識しております。
その上で実現したいことがございます。

○実現したいこと
小窓機能を応用し、独自のポータルサイトをOpenPNEのマイページに表示したい。

上記、”○実現したいこと”を行ううえで色々な技術検証がいるとは思いますが
まずは下記の点を把握したく、ご質問にご回答願います。

①「https://(サイトのURL)」のURLを小窓機能にて扱うことは可能でしょうか。
また、扱えない場合どのようにすれば扱えるかアドバイス頂けますでしょうか。

②認証が発生するサイトを小窓機能にて扱えますでしょうか。
こちらも上記同様、扱える方法があればアドバイスを頂けますでしょうか。

何卒よろしくお願い致します。

(サポートプラン120契約中、OpenPNE3.8利用のお客様)
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

【回答内容】※メール抜粋※

お世話になっております。
手嶋屋 OpenPNE 技術サポートサービス担当・小林です。

表題のお問い合わせの件について、以下の通り回答いたします。

◆①の小窓表示について◆
ドメイン名の js ファイルを web/cmd/ 以下に作成します。
今回のお問い合わせ内容の場合 (サイトのドメイン).js というようなファイル名となります。

<例>簡単に記述しますと、以下の通りです。
ーーーーーーーーーーーーーーーーーーーーーーーーーー
function url2cmd(url) {
if (url.match(/target=(.*)$/)) {
var rcd = RegExp.$1;
main(rcd);
return;
}

pne_url2a(url);
}

function main(target) {
var
url = “https://(表示したいサイトのURL)”+target,

html = ”
+ ‘<iframe MARGINWIDTH=”0″ MARGINHEIGHT=”0″ HSPACE=”0″ VSPACE=”0″ FRAMEBORDER=”0″ SCROLLING=”no” BORDERCOLOR=”#000000″ src=”‘ + url + ‘” name=”sample” width=”420″ height=”320″></iframe>’;
document.write(html);
}
ーーーーーーーーーーーーーーーーーーーーーーーーーー

具体的にどのような形式の URL になるか不明なため正しく表示されない可能性はありますが、
ご提示頂いた URL であれば 320×420 の大きさで表示されます。

◆②の認証が必要なサイトの小窓表示について◆

小窓の表示が js と iframe によって行われるため、 js から行えるリクエストの範囲で iframe で表示ができる範囲で認証が行えると推察されます。
ただし、現在ご提示いただいている情報の範囲での想定であるため、どのような実装になるかは認証の方法にもよりますし、できない可能性もありますこと、ご了承ください。

 
本問い合わせは、以上で無事に表示することが出来たとの御礼を頂戴しました。
技術サポートチームでは、皆様からのお問い合わせに、迅速に対応できますよう、
社員一丸となって対応しております。
 
=========================================
■公式SNS
https://sns.openpne.jp/
OpenPNEユーザーの皆さんが気軽にコミュニケーションができるQ&Aサイトです。
どなたでも無料で利用できます。(facebook、google、twitter の各アカウントでログインが可能です。)

■技術サポートサービス
http://support.pne.jp/
OpenPNE開発元の手嶋屋が提供しているサービスです。
有料になりますがこちらにお申し込みいただきますと弊社のOpenPNE開発エンジニアがOpenPNEの様々なトラブルについて、調査・サポートさせていただきます。
今後とも、OpenPNE 技術サポートサービスをよろしくお願いいたします。