如何在隐式oauth中使用angular来获取instagram访问令牌？

Question

由于这个应用程序的目的是在没有服务器支持的情况下运行，而且我正在使用Angular，所以我无法捕获隐式的oauth标记，因为Angular不会容忍URL中的第二个hashbang（＃）。

的Instagram被重定向用户返回到http://127.0.0.1:8080/#/oauth/#access_token=TOKEN和角度自动重定向的回http://127.0.0.1:8080/#/

我的代码路径：

app.config(function($routeProvider) { 
    $routeProvider 
    .when('/', { 
     templateUrl: 'templates/index/index.html', 
     controller: 'IndexController', 
     controllerAs: 'index' 
    }) 
    .when('/oauth/:token', { 
     templateUrl: 'templates/oauth/index.html', 
     controller: 'OAuthController', 
     controllerAs: 'oauth' 
    }); 

    .otherwise({ 
     redirectTo: '/' 
    }); 
}); 

有没有办法角数字出来之前，我可以删除＃或迫使角忽略 ＃？

Answer 1

它不清楚你想在这里总共达到什么成绩，但我有一些可能有帮助的金块。

1）使用html 5模式删除哈希。 （在你的app.config块......）

$locationProvider.hashPrefix('!'); 
    $locationProvider.html5Mode(true); 

并在您的index.html设置适当的基本href ...

<base href="/" target="_blank"> 

2）我用这种荒谬的场景buggering各地为年龄才发现稍微无证如果你只是想进料，你可以抓住一个用户调用HTTP像去年服务岗位20 ...

$http({ 
    method: 'GET', 
    url: 'http://www.instagram.com/USERNAME/media', 
    responseType: 'json' 
    }) 

无客户端ID或秘密的需要编辑。 不需要访问令牌。