[解決済み] Webアプリでfacebook共有を実装する際にエラーが発生する パラメータ app_id is required
2022-02-09 22:05:40
質問
私は、JavaとjspでWebアプリケーションを構築しています。 私のWebアプリケーションでは、Facebookの共有機能に取り組んでいます。 私はFacebookのログインで行われました。しかし、共有に問題が発生しました。
エラーは
The parameter app_id is required
エラーメッセージとともにポップアップが表示され、ポップアップブラウザのURLは次のようになります。
(https://www.facebook.com/dialog/share?app_id=&display=popup&e2e=......)
私のコードは HIMLでは
<div id="fb-root"></div>
<script src="//connect.facebook.net/en_US/all.js"></script>
<button type="button" id="btnfbShare" class="btn sign-btn fr">Share on Facebook</button>
IN js
facebook sdkの初期化コード
window.fbAsyncInit = function() {
FB.init({
appId : '10761986057291117',
xfbml : true,
version : 'v2.4'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
そして、共有ボタンをクリックすると
$("#btnfbShare").click(function(event){
alert("in share");
FB.ui(
{
method: 'share',
href: 'https://developers.facebook.com/docs/'
}, function(response){});
});
Sdkのインストール時にアプリIDを指定しているのですが、何が問題なのでしょうか?
解決方法を教えてください。
解決しました。
ボタンクリック時の初期化処理を再度記述する必要がある
$("#btnfbShare").click(function(event){
FB.init({
appId : '10761986057291117',
xfbml : true,
version : 'v2.4'
});
FB.ui({
method: 'share',
href: 'https://developers.facebook.com/docs/'
}, function(response){});
});
関連
-
[解決済み】NodeJS "ESモジュールをロードするためにインポートを使用する必要があります。"
-
[解決済み】JavaScriptのinnerHTMLで要素が更新されない
-
[解決済み】SyntaxError: 'import' と 'export' は 'sourceType: module' とだけ表示されるかもしれない - Gulp
-
[解決済み】Uncaught ReferenceError。Reactが定義されていない
-
[解決済み】Redux TypeError: 未定義のプロパティ 'apply' を読み取れない
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】Kendo Observable Bindingと併用する場合、Kendo Switch Labelsを変更することは可能ですか?[Kendo-UI]です。
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】 Uncaught TypeError: data.push is not a function
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】Uncaught ReferenceError: angular is not defined - AngularJSが動作しない。
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】JavaScriptのgetElementByNameが機能しない
-
[解決済み] テスト
-
[解決済み】XMLパースエラー:ルート要素が見つからない コンソールの場所 FF
-
[解決済み】WebSocket接続に失敗しました。WebSocket のハンドシェイク中にエラーが発生しました。予期しない応答コードです。400
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。