揚鞭在Angularjs

我想在我的Angularjs項目揚鞭在Angularjs

目的添加招搖

我想通過發送有效載荷，作爲回報，我會得到響應碼200測試通過招搖我的API 。

我下面的教程：

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

但是當我點擊瀏覽，我得到405錯誤的方法是不允許的。我的方法是後但瀏覽器以某種方式發送GET。我的代幣也沒有發送請求。我該如何解決這個問題？

而且，我很困惑，因爲與招搖的工作，我的API公佈在WSO2 API Store其中包含了默認招搖而我API招搖看起來是這樣的：

如果我通過點擊探索按鈕來調用我的API，它會顯示/返回一個選項，如API Store i展示？ - >/eventpublicationmanagement_01/events

我該如何設置我的JSON？

我很困惑。一些指導和幫助將非常感謝。

來源

2017-09-05 Miki Jay

你有你自己的「swagger.json」文件嗎？你的目標是什麼？你想達到什麼目的？ –

不，我沒有任何swagger.json文件。我只是想通過向它發送一個有效載荷來測試我的API。我想添加像WSO2 API商店經理一樣的deafult。 –

我在我的項目中使用了一個招搖，但我有後端（Java）和前端（AngularJS），並且要做到這一點，在後端網站上需要配置Swagger以獲得一個招搖。json告訴SwaggerUI服務的外觀如何。 –

使用Swagger您需要一個swagger.json文件。更多信息你可以在鏈接中找到：How to generate swagger.json

來源

2017-09-05 08:57:01

完成並能夠獲得流浪的GUI。 Thankyou這麼多，但我仍然需要一些關於令牌的幫助，因爲現在我必須在鉻中啓用我的CORS擴展來調用我的API，我怎樣才能在角js中傳遞令牌。 –

這就是我現在正在做的 $ scope.url = $ scope.swaggerUrl ='https：//my/api/json/url/EventPublicationManagement/1.0'; //的console.log（$ scope.url） //錯誤管理 $ scope.myErrorHandler =函數（消息，代碼）{ 警報（swaggerTranslator.translate（ '錯誤'，{ 代碼：代碼，消息：消息 }））; }; –

@MikiJay它工作嗎？ –

揚鞭在Angularjs

回答

相關問題