HTML5の公開ページ抽出を公開コード方式に
2022-01-12 02:43:16
フッター部分など、同じコードを持つ部分が多くあり、それを抽出して他のページで呼び出すことができます。
index.html
public class XeroApiAdapter
{
private readonly IXeroApiParameter _parameter;
private const string PARTNER_URL = "https://api-partner.network.xero.com";
private const string BASE_URL = "https://api.xero.com";
public XeroCoreApi CoreApi { get; private set; }
private readonly X509Certificate2 _signingCertificate;
private readonly X509Certificate2 _partnerCertificate;
/// <summary>
////
/// </summary>
//// <param name="parameter"></param>
public XeroApiAdapter(IXeroApiParameter parameter)
{
_signingCertificate = XeroOAuthSettings.Fetch;
if (_signingCertificate == null)
{
throw new Exception("Signing certificate must be defined");
}
_partnerCertificate = XeroOAuthSettings.Fetch.PartnerCertificate;
if (_partnerCertificate == null)
{
throw new Exception("partner certificate must be defined");
}
_parameter = parameter;
var user = new ApiUser { OrganisationId = parameter.NetworkId, Name = parameter.NetworkId }
CoreApi = new XeroCoreApi(PARTNER_URL,
new RuPartnerAuthethicator(PARTNER_URL, BASE_URL, XeroTokenServices.Do,
_signingCertificate, _partnerCertificate),
new Consumer(parameter.ConsumerKey, parameter.ConsumerSecret), user,
new DefaultMapper(), new DefaultMapper());
}
public PartnerMvcAuthenticator MvcAuthenticator(string callBack)
{
return new PartnerMvcAuthenticator(PARTNER_URL, BASE_URL, callBack, XeroTokenServices.Do,
_signingCertificate, _partnerCertificate,
new Consumer(_parameter.ConsumerKey, _parameter.ConsumerSecret),
XeroRequestTokenServices.Do);
}
}
foot.html
public class RuPartnerAuthethicator : PartnerAuthenticator
{
public RuPartnerAuthethicator(string baseUri, string authorizeUri, ITokenStore store, string signingCertificatePath, string certificatePath, string password) : base(baseUri, authorizeUri, "", store, signingCertificatePath, certificatePath, password)
{
}
public RuPartnerAuthethicator(string baseUri, string authorizeUri, ITokenStore store, X509Certificate2 signingCertificate, X509Certificate2 certificate) : base(baseUri, authorizeUri, "", store, signingCertificate, certificate)
{
}
protected override string AuthorizeUser(IToken token)
{
throw new XeroRenewAccessTokenException("Please renew access token");
}
}
ハイライト
$('.footer').load() の呼び出しは、サーバー環境で HTML ファイルを開かないと動作しないので、ダブルクリックでファイルを開くことはできません
開いた後のブラウザのパスは、http://127.0.0.1:8020/index.html。
のようなパスではなく、file:///G:/html/index.htmlのようなパスでなければ、ほとんどのブラウザーで動作しません。
HBuilderという、実行時にサーバー環境を作り、LAN上の他のスマホやパソコンでプレビューするエディターの使用を推奨しています。
HTML5の公開ページを公開コードとして抽出する方法についての説明は以上となります。HTML5の公開ページを公開コードとして抽出する方法については、スクリプトハウスの過去記事を検索していただくか、引き続き以下の関連記事をご覧ください。
関連
-
html2canvasを使ってcanvasにhtmlの内容を書き込んで画像を生成する方法
-
postMessageを用いたiframeのクロスドメイン通信問題の詳細な解決法
-
Html5 webview要素位置決めツールの実装
-
html5でhotcss.jsを使い、携帯電話の自己適合を実現する方法
-
画像にタイル状の透かしを追加するためのhtml5キャンバス
-
iphoneXの前髪スクリーンに合わせたHtml5の簡易実装
-
HTML5 postMessage使用マニュアル
-
HTML5タイマーrequestAnimationFrameの使い方を深く理解する。
-
キャンバスサーチライトエフェクトのサンプルコード
-
キャンバス・クロスドメイン・デピットの実践の説明
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン