大摇大摆 Angularjs

Question

我正在尝试在我的 Angularjs 项目中添加 swagger

OBJECTIVE

我想通过 swagger 发送有效负载来测试我的 API，在 return 中我将得到响应代码 200。

我正在学习教程：

https://www.phpflow.com/jquery-plugin-2/how-to-integrate-swagger-with-angular/

http://orange-opensource.github.io/angular-swagger-ui/（教程的工作演示）

到目前为止我做了什么：

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

<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">

HTML

<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';
};

但是当我点击 explore 时，我得到 405 错误，提示方法不被允许。我的方法是 post 但浏览器以某种方式发送 GET。我的令牌也没有发送请求。我该如何解决？

此外，我很困惑，因为在 swagger 的工作中，我的 API 发布在 WSO2 API Store 上，其中包含默认的 swagger 和我的 API swagger 看起来像这样：

如果我要通过单击探索按钮来调用我的 API，它会 show/return 显示像 API 商店这样的选项吗？ -> /eventpublicationmanagement_01/events

如何设置我的 JSON？

我很困惑。一些指导和帮助将不胜感激。

Answer 1

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

大摇大摆 Angularjs

Swagger in Angularjs

angularjs

swagger

swagger-ui