🎌 👇🏾 ⛺️ फेसबुक टाइमलाइन को प्रकाशित करने के लिए एक एप्लीकेशन तैयार करना और बनाना 🐯 🤺 🤜

इस लेख में मैं वर्णन करना चाहता हूं कि एक न्यूनतम आवेदन कैसे बनाया जाए जो समयरेखा में कुछ प्रकाशित करेगा, साथ ही इस मार्ग पर आने वाली कठिनाइयों के बारे में बात करेगा।
सबसे पहले, यह कहने योग्य है कि फिलहाल फेसबुक टाइमलाइन बीटा में है और केवल डेवलपर्स के लिए उपलब्ध है, इसलिए पहली बात यह है कि आपके खाते के लिए समयरेखा सक्रिय है। इस विषय पर बहुत सारे निर्देश लिखे गए हैं, उदाहरण के लिए www.makeuseof.com/tag/enable-facebooks-timeline-profile ।
निर्देशों से सभी चरणों को पूरा करने के बाद, और कुछ मिनट प्रतीक्षा करने के बाद, दीवार के बजाय अपने नाम पर क्लिक करें, लंबे समय से प्रतीक्षित समयरेखा खुलनी चाहिए।

चरण 1. फेसबुक आवेदन कॉन्फ़िगर करें

यह सबसे महत्वपूर्ण कदम है, यह इस पर है कि अप्रत्याशित जटिलताएं पैदा हो सकती हैं। एप्लिकेशन (https://developers.facebook.com/apps) बनाने के बाद, सबसे पहले हम test.com या news.test.com के रूप में “ऐप डोमेन” का संकेत देते हैं। इसके अलावा, "वेबसाइट" अनुभाग में, आपको अपनी साइट का लिंक भरने की जरूरत है, पहले से ही news.test.com के रूप में। फिर "उन्नत" सेटिंग्स पर जाएं और सुनिश्चित करें कि "सैंडबॉक्स मोड" को "अक्षम" पर सेट किया गया है। यदि आप सैंडबॉक्स मोड को अक्षम नहीं करते हैं, तो लॉगिन के साथ त्रुटियां होंगी, उदाहरण के लिए, जब आप प्रकाशन अधिकारों के अनुरोध के साथ getLoginStatus API फ़ंक्शन को कॉल करते हैं, तो कॉलबैक काम नहीं करेगा।
चलो "ओपन ग्राफ़" अनुभाग पर जाएं, और "आरंभ करें" पर क्लिक करके लेख लेख कार्रवाई जोड़ें, हम क्रिया को पढ़ने के लिए कॉन्फ़िगर करेंगे, सब कुछ सहज रूप से स्पष्ट है, और कोई नुकसान नहीं हैं। हम सहेजते हैं और ऑब्जेक्ट के कॉन्फ़िगरेशन में जाते हैं। अगला पृष्ठ "एग्रीगेशन" सेटिंग होगा - प्रत्येक बनाई गई क्रिया के लिए एक महत्वपूर्ण सेटिंग, एकत्रीकरण को कॉन्फ़िगर करना होगा। अन्यथा, facebook थोड़ा-सा अनियंत्रित रूप से प्रतिक्रिया करेगा - जब आप publish_actions को अनुमति देने का अनुरोध करने का प्रयास करते हैं, तो एक संवाद खुल जाएगा जो आपके आवेदन में लॉग इन करने की पेशकश करता है, लेकिन यह समयरेखा में प्रकाशनों के बारे में एक शब्द नहीं कहेगा, और संबंधित अनुमतियाँ प्राप्त नहीं की जाएंगी। एकत्रीकरण स्थापित करने के बाद, आपको यह सुनिश्चित करने की आवश्यकता है कि इसके लिए "पूर्वावलोकन" हैं, उनके बिना ऑर्टिकल संवाद के साथ एक त्रुटि दोहराई जा सकती है। ओपन ग्राफ में -> एग्रीगेशंस सेटिंग्स, प्रीव्यू पर क्लिक करें और सुनिश्चित करें कि एग्रीगेशन का प्रिव्यू है (यदि कोई नहीं है, तो आप इसे खुलने वाले डायलॉग में जोड़ सकते हैं)। फेसबुक पूर्वावलोकन बनाने के लिए, आपको एक उदाहरण लेख के लिए एक लिंक खिलाने की आवश्यकता है। कैसे सही "लेख" बनाने के लिए नीचे चर्चा की जाएगी।

चरण 2. एक वस्तु बनाएं जिसे हम समय पर प्रकाशित करेंगे

ऑब्जेक्ट द्वारा, हमारा मतलब इंटरनेट से सुलभ एक नियमित वेब पेज है। मान लें कि हम किसी उपयोगकर्ता द्वारा पढ़े गए लेख के बारे में जानकारी प्रकाशित करना चाहते हैं, अर्थात्, समय पर "पढ़ा हुआ लेख" पर एक नोट रखें, जिसका अर्थ है कि हमारा पृष्ठ एक लेख होगा। प्रकाशन प्रक्रिया कैसे होती है - facebook API का उपयोग करके, ऑब्जेक्ट के लिए एक लिंक (लेख के साथ वेब पेज) टाइमलाइन पर भेजा जाता है, फिर facebook इस पेज को प्रोसेस करता है और ऑब्जेक्ट को अपने ग्राफ में बनाता है। हमारे लेख को ठीक से संसाधित करने के लिए फेसबुक के लिए, इसमें सही खुले ग्राफ़ टैग होने चाहिए। यहाँ एक "सही पृष्ठ" का एक उदाहरण है

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta property="fb:app_id" content="{id }"/>
<meta property="og:type" content="{namespace }:article"/>
<meta property="og:url" content="http://{ }/Article.html"/>
<meta property="og:title" content="article about article"/>
<meta property="og:description" content="cool article"/>
<meta property="og:image" content="{ }"/>

<title>Article</title>
</head>
<body>
<h2>just article about article</h2>
Some text ...
</body>
</html>

आप फेसबुक डिबगर उपयोगिता का उपयोग करके खुले ग्राफ़ टैग की शुद्धता के लिए पृष्ठ की जांच कर सकते हैं।
सही ऑब्जेक्ट जो टाइमलाइन में प्रकाशित हो सकता है, बनाने के बाद पूर्वावलोकन एकत्रीकरण के लिए कॉन्फ़िगर करें (निर्देशों के लिए पिछले पैराग्राफ में निर्देश देखें)।
खुले ग्राफ़ सेटिंग्स में जाकर पूर्वावलोकन सेट करना, पूर्वावलोकन जोड़ने के लिए संवाद कुछ इस तरह दिखाई देगा

चरण 3. समयरेखा में प्रकाशित करने के लिए अधिकारों का अनुरोध करें

एफबी एपीआई को सक्षम करने और समय-सीमा में प्रकाशन अधिकारों का अनुरोध करने के लिए यहां न्यूनतम कोड है:

<html>
<head>
<title>log in</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>

<!-- Fb API Initialisation -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: '{fb app id}', // App ID
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
oauth: true, // enable OAuth 2.0
xfbml: true // parse XFBML
});
};

// Load the SDK Asynchronously
(function (d) {
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
} (document));
</script>

<script type="text/javascript">
$(document).ready(function () {
$("#post").click(function () {
FB.login(function (response) {
if (response.authResponse) {
console.log('logged in');
} else {
console.log('failed.');
}
}, { scope: 'publish_actions' });
});
});
</script>
<input id="post" type='button' value='post' />
</body>
</html>

बटन पर क्लिक करते ही, एक डायलॉग खुलेगा जिसमें यह लिखा होगा कि यह एप्लिकेशन आपके टाइमलाइन में लिखने वाला है, यहां एक उदाहरण दिया गया है:

यदि रेखांकित क्वेरी में अधिकार नहीं हैं, तो आवेदन गलत तरीके से कॉन्फ़िगर किया गया है (इस मामले में, आपको पिछले चरणों को फिर से पढ़ना चाहिए और यह सुनिश्चित करना चाहिए कि सभी "क्रियाओं के लिए" प्रीवर्स के साथ "एकत्रीकरण" हैं)।
आप एप्लिकेशन सेटिंग्स -> एप्लिकेशन में एप्लिकेशन हटा सकते हैं, उसी स्थान पर आप जांच सकते हैं और आवेदन के लिए क्या अधिकार दिए गए हैं।

चरण 4. समयरेखा पर प्रकाशित करें

आइए आवश्यक एपीआइ कॉल जोड़ें और प्राप्त करें:

<html>
<head>
<title>log in</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>

<!-- Fb API Initialisation -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: '{your fb app id}', // App ID
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
oauth: true, // enable OAuth 2.0
xfbml: true // parse XFBML
});
};

// Load the SDK Asynchronously
(function (d) {
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
} (document));
</script>

<script type="text/javascript">
$(document).ready(function () {
$("#post").click(function () {
FB.login(function (response) {
if (response.authResponse) {
console.log('logged in. Try to publish in timeline');
var verb = '{your_app_namespace}:read';
var objectType = 'article';
var permalink = link to article';
FB.api('/me/' + verb + '?' + objectType + '=' + permalink, 'post', function (result) {
console.log('published with id = ' + result.id);
});
} else {
console.log('failed.');
}
}, { scope: 'publish_actions' });
});
});
</script>
<input id="post" type='button' value='post' />
</body>
</html>

कॉलबैक प्रकाशन परिणाम के साथ आता है, जिसमें आईडी इन फ़ेसबुक ग्राफ (बनाया गया रिकॉर्ड हटाया जा सकता है, उदाहरण के लिए)। यदि शिलालेख "'आईडी के साथ प्रकाशित ..." ब्राउज़र कंसोल में प्रदर्शित होता है, तो सब कुछ सही तरीके से कॉन्फ़िगर किया गया है। प्रकाशन को देखने के लिए आपको अपने उपयोगकर्ता नाम (ऊपरी दाएं) पर क्लिक करने की आवश्यकता है, समयरेखा खुल जाएगी, फिर आप गतिविधि लॉग (अतिरिक्त कार्यों को देखने के लिए सुविधाजनक) पर क्लिक कर सकते हैं। अगले प्रकाशन में, कई "पढ़े गए लेख" को एक एकत्रीकरण में वर्गीकृत किया गया है। समयरेखा पर ही, यह इस तरह दिखता है:

क्रिया - क्रिया एफबी एपीआई कॉल में दिखाई देती है, इस मामले में यह आपके आवेदन का नामस्थान है, फिर कॉलन और क्रिया। यदि एक नई क्रिया (उदाहरण के लिए घड़ी) बनाते समय, फेसबुक आपको मौजूदा वाले से चुनने का संकेत देता है, तो एक मूल क्रिया बनाई जाती है जो आपके एप्लिकेशन से जुड़ी नहीं होती है, इस स्थिति में क्रिया या तो "नामस्थान: घड़ी" और "वीडियो.वॉच" के बराबर होनी चाहिए, यह पता लगाया जा सकता है। आवेदन के खुले ग्राफ सेटिंग्स में कोड प्राप्त करें पर क्लिक करके।
यदि सब कुछ काम करता है, तो आपको IE में काम की जांच करनी चाहिए, कम से कम IE 8 में। आश्चर्यजनक रूप से, यहां तक कि इस कोड, जिसे फेसबुक के निर्देशों से लिया गया है, ने IE में काम करने से इनकार कर दिया (कंसोल से बाहर टिप्पणी के साथ)। लिखने के समय, IE में प्लग-इन FB स्क्रिप्ट में त्रुटि पुन: उत्पन्न नहीं हुई, लेकिन यदि आपको IE में अनुमतियों की समस्या है, तो यहां उपयोगी लिंक gkirok.blogspot.com/2011/11/ie-facebook-connect.html है ।
शायद मैं किसी प्रकार के रेक का उल्लेख करना भूल गया, जो मैं खुद बन गया, लेकिन मूल रूप से वे सभी बहुत सरलता से हल हो गए हैं - हम Google में एक त्रुटि चलाते हैं और स्टैकओवरफ्लो के उत्तर की तलाश करते हैं। यदि fb.getloginstatus को कॉल किया जाता है और आगे कुछ भी नहीं होता है (यहां तक कि कोई त्रुटि नहीं है), तो हम नेटवर्क टैब पर जाते हैं और फेसबुक से उत्तर को देखते हैं और इसे फिर से Google में चलाते हैं।
इसके अलावा, आपको यह नहीं भूलना चाहिए कि आप अपने आवेदन के केवल प्रशासक / डेवलपर्स / परीक्षकों से publish_action का अनुरोध कर सकते हैं, यह स्थिति तब रहेगी जबकि facebook समयरेखा डेमो में है। आप आवेदन में "भूमिका" सेटिंग से अपने आवेदन के व्यवस्थापक / डेवलपर बनने के लिए किसी को निमंत्रण भेज सकते हैं।
सभी को शुभकामनाएँ!

फेसबुक टाइमलाइन को प्रकाशित करने के लिए एक एप्लीकेशन तैयार करना और बनाना

चरण 1. फेसबुक आवेदन कॉन्फ़िगर करें

चरण 2. एक वस्तु बनाएं जिसे हम समय पर प्रकाशित करेंगे

चरण 3. समयरेखा में प्रकाशित करने के लिए अधिकारों का अनुरोध करें

चरण 4. समयरेखा पर प्रकाशित करें

More articles: