Angularjs 昂首阔步

我正试图在我的

Angularjs

项目中添加招摇

目标

我想通过发送一个有效负载通过swagger测试我的API，作为回报，我将得到响应代码200

我正在学习以下教程：

（教程的工作演示）

到目前为止我所做的：

在我的项目中添加了这两个库

<script src="bower_components/angular-swagger-ui/dist/scripts/swagger-ui.js"></script>

<link rel="stylesheet" href="bower_components/angular-swagger-ui/dist/css/swagger-ui.min.css">

但当我点击explore时，我得到了405个错误，这个方法是不允许的。我的方法是post，但浏览器以某种方式发送GET。我的令牌也没有发送请求。我怎样才能解决这个问题

此外，我还感到困惑，因为使用swagger时，我的

API

发布在

WSO2 API Store

上，其中包含一个默认的swagger，我的

API

swagger看起来像这样：

如果我通过点击“浏览”按钮来调用我的API，它会显示/返回API Store正在显示的选项吗？->/eventpublicationmanagement\u 01/events

如何设置JSON

---

我很困惑。非常感谢您的指导和帮助

要使用Swagger，您需要一个Swagger.json文件。您可以在链接中找到更多信息：

您有自己的“swagger.json”文件吗？你的目标是什么？你想要实现什么？不，我没有任何swagger.json文件。我只想通过向API发送有效负载来添加swagger来测试我的API。我想添加和deafult的WSO2 API store manager一样的东西。我在我的项目中使用了swagger，但我有后端（java）和前端（AngularJS），要做到这一点，在后端站点上需要配置swagger，以获得一个swagger.json，它告诉SwaggerUI服务的外观。在我的例子中，我使用的是WSO2 ESB。是否需要通过后端进行配置？是。您可以从客户端导入该文件。但之前您需要完成文件.Done并能够获得swagger GUI。非常感谢，但我仍然需要一些关于令牌的帮助，因为现在我必须在chrome中启用CORS扩展来调用API，我如何才能在Java中传递令牌这就是我现在正在做的$scope.url=$scope.swaggerUrl=''''.//console.log（$scope.url）//错误管理$scope.myErrorHandler=function（message，code）{alert（swaggerTranslator.translate（'error'，{code:code，message:message}））；}；是的，但我无法使用cors调用我的swagger.json url。如果我启用了带有chrome扩展的cors，那么它就可以工作了。我现在该怎么办呢？非常感谢……：）

<div >
        <h3 class="dispInline">Rest Json file:</h3>
        <form name="urlForm" ng-submit="urlForm.$valid&&(swaggerUrl=url)" class="form-inline dispInline">
            <input type="url" placeholder="swagger URL" class="form-control" id="url" method="post" name="url" ng-model="url" required style="width:400px">
            <button type="submit" class="btn btn-primary">explore</button>
        </form>
        <div swagger-ui url="swaggerUrl" try-it="true" error-handler="myErrorHandler" transform-try-it="myTransform"></div>
</div>

$scope.url = 'https://server.event.com/alert/event/1.0/eventpublicationmanagement_01/events';
// error management
$scope.myErrorHandler = function(data, status){
    alert('failed to load swagger: '+status);
    console.log(data);
};
// transform try it request
$scope.myTransform = function(request){
    request.headers['Authorization'] = 'Bearer 123123123-1231-123-134313313c';
};