我也是 Angular 和 Ionic 的新手。
尝试了以下教程:
https://www.sitepoint.com/how-to-integrate-facebook-login-into-a-cordova-based-app/ https://www.sitepoint.com/how-to-integrate-facebook-login-into-a-cordova-based-app/
执行的步骤:
1.在应用程序中安装浏览器。
-
包含库。
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="lib/ng-cordova-oauth/dist/ng-cordova-oauth.js"></script>
<script src="cordova.js"></script>
-
在主体结束标记之前的 index.html 中包含代码:
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'MyappID',
xfbml : true,
version : 'v2.6'
});
};
(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'));
</script>
-
以下是我的login.html:
<button class="btn-margin-left button button-positive" ng-click="menuCtrl.fbLogin()">
<i class="ion-social-facebook icon-size1 "></i>
</button>
-
这是我的控制器:
menuCtrl.fbLogin = function ($cordovaOauth,$http) {
facebookLogin(window.cordovaOauth, window.http);
}
-
这是我的 app.js :
angular.module("cgsi",['ionic', 'ngCordova','ngCordovaOauth'])
.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider, $httpProvider, $logProvider, $sceDelegateProvider,$cordovaOauth,$http) {
window.cordovaOauth = $cordovaOauth;
window.http = $http;
});
我收到错误未知提供商 $cordovaOauth请让我知道我哪里出错了?
首先,您需要拥有 Facebook 开发者帐户并生成一个应用程序进行测试,
https://developers.facebook.com/ https://developers.facebook.com/
然后创建一个cordova应用程序并在UI一侧设置一个按钮。
然后你需要在你的测试应用程序中安装以下插件。
https://github.com/Wizcorp/phonegap-facebook-plugin https://github.com/Wizcorp/phonegap-facebook-plugin
or
https://github.com/jeduan/cordova-plugin-facebook4 https://github.com/jeduan/cordova-plugin-facebook4
请仔细检查上述插件,因为您需要添加您的 app_id 和 app_name,您可以从创建测试应用程序的开发人员 Facebook 帐户中找到它们。
然后你需要浏览相关插件文档来获取 facebook 登录代码。
谢谢。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)