Comment ajouter un bouton natif Facebook Like à votre application Android en utilisant SDK Facebook pour Android v4
Après avoir creusé dans le code source de Facebook SDK. J'ai trouvé que LikeView est conçu pour fonctionner fonctionnellement complet lorsque l'application est connecté à l'application Facebook seulement. Et bien. Autant que je sache il n'y a pas un document mentionné à ce sujet.
Après quelques expériences, enfin j'ai trouvé le moyen durable de faire LikeView fonctionne pleinement fonctionnellement et encore une bonne pratique de l'expérience utilisateur. Allons-y par étape par étape.
Créer une application Facebook
Comme mentionné ci-dessus, l'application est nécessaire pour être connecté à l'application Facebook pour faire LikeView fonctionne pleinement fonctionnel. La première étape consiste à créer une application Facebook.
Entrez votre préféré Facebook App, puis appuyez sur Créer un nouveau Facebook App ID
Choisissez une catégorie et appuyez sur Créer App ID
Vous allez être redirigé dans la page Paramètres Facebook App. S'il vous plaît faites défiler vers le bas et remplir les champs concernant votre projet Android: Nom du package et de l'activité par défaut Nom de la classe. Appuyez sur Suivant.
Voici un peu partie compliquée. Pour rendre votre application Android fonctionne parfaitement avec Facebook App dans le débogage et le mode de production, vous devez remplir Debug Key Hash et relâchez la touche Hash respectivement.
Il existe deux façons de générer ces hash: par la ligne de commande et par le code Java.
Méthode 1 - Grâce à la ligne de commande
Si vous utilisez Mac ou Linux et vous installez déjà keytool (vient avec JDK) et OpenSSL. Vous pouvez simplement faire ce qui suit dans la ligne de commande:
Ou comme celui-ci sous Windows:
Entrez la clé dans les deux hashed a clés du développement Hashes et Release Principaux champs de hachage.
Et la commande suivante est utilisée pour générer une clé de hachage pour le déploiement Keystore pour laisser votre application fonctionne avec l'application Facebook en mode production.
Mettre la clé générée dans la version clé champ Hash.
Méthode 2 - Par le biais du code Java
Si vous n'avez pas installé keytool et openssl encore et vous ne voulez pas. Vous pouvez générer ces hash clés par le biais du code Java avec le code extrait de code ci-dessous. S'il vous plaît ne pas oublier de changer le nom du package à votre application de.
Pour générer le développement clé Hash, vous pouvez simplement lancer votre application directement à partir de votre IDE et copiez le hachage clé générée renvoyé dans logcat, le mettre dans les deux clés pour le développement Hashes et relâchez la touche champs de hachage.
Pour générer la clé de presse Hash, vous devez signer votre application avec keystore vous envisagez d'utiliser dans la production apk. Exécutez le fichier APK dans votre appareil ou émulateur et mettre généré Dièse à la version champ Hash Key.
S'il vous plaît noter que Dièse pour la libération de la production pourrait être rempli plus tard. L'importante pour le moment est le développement clé Hash que vous avez besoin de mettre dans les deux clés pour le développement Hashes et relâchez la touche champs de hachage.
Appuyez sur Suivant et faites défiler jusqu'au bas de la page puis appuyez sur Aller à la Developer Dashboard pour entrer dans le tableau de bord de votre application vient d'être créé.
Copier ID App pour une utilisation ultérieure.
Vous êtes maintenant terminé de créer une application Facebook!
Configuration SDK Facebook dans votre projet
Maintenant, nous allons passer à la partie client. Tout d'abord, il suffit d'ajouter une dépendance à Facebook SDK v4 qui est maintenant (enfin) disponible sur mavenCentral et jcenter.
Ajouter une ressource de chaîne pour le code comme Facebook ID d'application ci-dessous. (Changer le numéro à votre ID de l'application Facebook)
Placez droite le code ci-dessous dans AndroidManifest.xml avant et il est important tochange le nombre après FacebookContentProvider à l'ID de votre application Facebook.
l'autorisation INTERNET est nécessaire pour LikeView. Ne pas oublier d'ajouter cette ligne dans AndroidManifest.xml avant
Si vous n'avez pas fait faire une classe d'application personnalisée encore, faites-le et ajoutez la ligne de code ci-dessous pour initialiser Facebook SDK de manière v4.
Donnez un chèque personnalisé application est déjà définie dans AndroidManifest.xml.
Et vous êtes maintenant terminé la configuration SDK Facebook dans votre application Android = D
Jouez avec LikeView
Votre application est maintenant prêt. Jouons un peu avec LikeView en plaçant simplement sur la mise en page.
Et procédez comme suit dans le code Java pour définir son apparence.
Définir l'URL de LikeView par la méthode de setObjectIdAndType.
Voici le résultat. Ça marche !
Quoi qu'il en soit, il semble que cela ne fonctionne pas parfaitement juste encore. Voici les deux grandes préoccupations.
Problème 1: Comme le nombre et l'état ne sont pas montré jusqu'à ce que vous appuyez sur le bouton comme.
Problème 2: Ne fonctionne pas dans l'appareil que Facebook App n'est pas installé.
Certaines solution de contournement est nécessaire. Facebook Connectez-vous est nécessaire pour faire LikeView autrement Connexion bouton a montré avec la même apparence que LikeView viendra à la place.
Il n'y a rien de compliqué. Je viens de créer simplement un bouton de connexion en utilisant LinearLayout et que ce soit avec LikeView dans RelativeLayout.
Et puis faire la logique dans le code Java avec l'aide de LoginManager. CallbackManager et AccessToken fournis dans le SDK Facebook pour Android v4 pour gérer un flux de connexion et vérification de l'état.
C'est fait. Voyons voir le résultat =)
Si l'application n'est pas connecté à l'application Facebook encore. Notre bouton de connexion personnalisé sera montré au lieu de LikeView comme prévu.
Une fois le bouton de connexion est cliqué, il redirige l'utilisateur à la connexion processus.
Un sous-produit de cette méthode est le bouton LikeView fonctionne également sur l'appareil sans application Facebook installée. Cela signifie que cela fonctionne même sur Chrome ou sur ARC Soudeur!
FBLikeAndroid Bibliothèque
Pour le rendre aussi facile que possible à utiliser. J'ai fait une bibliothèque pour faire un travail pour vous. FBLikeAndroid est une bibliothèque arrive avec bouton de connexion qui va changer à bouton natif comme automatiquement lorsque l'application est connecté à l'application Facebook.
Pour l'utiliser, vous devez créer une application Facebook et la configuration de votre projet comme écrit ci-dessus. Et puis ajoutez simplement la dépendance suivante à la build.gradle de votre application. S'il vous plaît noter que le SDK Facebook v4 est déjà inclus dans cette dépendance afin que vous n'avez pas besoin d'ajouter une dépendance supplémentaire.
Placez com.inthecheesefactory.lib.fblike.widget.FBLikeView ne importe où pour commencer à utiliser le composant.
LikeView l'intérieur FBLikeView est déjà définir l'apparence STANDARD si vous avez pas besoin de le mettre à nouveau à moins que vous avez besoin de changer son style. Pour accéder LikeView fixé à l'intérieur, vous pouvez le faire à travers une fonction de lecture, getLikeView (). Le code suivant est utilisé pour définir une URL pour LikeView.
La dernière étape, vous devez appeler FBLikeView.onActivityResult dans onActivityResult de chaque activité pour relier les boutons FBLikeView à Facebook flux Connectez-vous.
C'est tout. Facile, hein? = D
Si vous voulez déconnecter votre application Android app Facebook, il suffit d'appeler la commande suivante. Le bouton change automatiquement à la connexion État.
Soumettre à usage public
En ce moment LikeView fonctionne uniquement avec l'administrateur de l'application Facebook, vous. Pour LikeView fonctionne pour tout le monde, vous devez envoyer une soumission à l'équipe Facebook. Voici les étapes pour le faire:
1) Entrez la page App Détails de votre Facebook App. Entrez Description longue. Politique de confidentialité URL et également télécharger App icône que vous désirez.
2) Entrer État Page d'examen et appuyez sur Démarrer une présentation
3) Cochez une boîte à boutons native, et appuyez sur Ajouter 1 article
4) Appuyez sur Ajouter des notes accolées Native Comme élément de bouton et de fournir des instructions étape par étape, comment fonctionne comme bouton natif dans votre application. D'après mon expérience, fournir un lien de l'image visuelle fonctionne beaucoup mieux que juste en tapant des textes.
5) Télécharger le fichier apk. télécharger des captures d'écran de votre application (4 minimum). vérifier à je l'ai testé que mes charges d'application sur l'ensemble de la zone des plates-formes ci-dessus puis appuyez sur Envoyer pour examen
7) La dernière étape consiste à faire créer l'application Facebook sera disponible pour le public par mettre le bouton ci-dessous sur Activé en état Page d'évaluation
Faire des randonnées, pêche, plongée snoggle et attendre un jour ou deux pour obtenir un résultat de l'équipe Facebook. En moyenne, il faut 2-3 fois pour laisser le faire approuver alors s'il vous plaît le faire au moins une semaine avant est lancée publiquement votre application.
C'est à quoi il ressemble dans Status Passez en revue la page lorsque la demande est approuvée.
Une fois que vous avez quelque chose comme ci-dessus, votre LikeView fonctionnera pour tout le monde!
Espérons que vous trouverez cet article utile et. ne pas oublier de donner un ou comme certains +1 à cet article. =)
Auteur: nuuneoi (Android GDE, CTO - PDG de The Cheese Factory)
Un développeur pile complète avec plus de 6 ans d'expérience sur le développement d'applications Android et plus de 12 ans dans l'industrie Développement d'applications mobiles. a également des compétences en Infrastructure, service côté, la conception, l'interface utilisateur-UX, Matériel, Optimisation, Cuisine, Photographier, Blogging, formation, Parler en public et n'aiment partager des choses aux gens dans le monde!