한 번의 클릭으로 모든 인터페이스를 복사하는 방법
첫 번째 단계: 변환 인터페이스의 기능을 캡슐화합니다(그렇지 않아도 괜찮습니다).
getApiUrl () {
// 接口文件转存http://192.168.0.193:9020/v2/api-docs
window.$get("/v2/api-docs").then((res) => {
// console.log('接口转存文档为' + res.paths)
formatApiUrl(res.paths);
})
}
formatApiUrl (apiSource, apiPrefix) {
apiPrefix = apiPrefix ? apiPrefix : 'user-center';
const paths = apiSource;
const getKey = (str) => {
return str.replace(/\//, '').replace(/\/./g, function (e) {
return e.toUpperCase().replace(/\//g, '')
})
}
const newObj = {
}
for (let i in paths) {
newObj[getKey(i)] = {
name: paths[i]['post'] ? paths[i]['post']['summary']
: paths[i]['get']['summary'],
url: i,
method: paths[i]['post'] ? 'post' : 'get',
center: apiPrefix,
}
paths[i]['post'] && (newObj[getKey(i)].headers = paths[i]
['post']['consumes']);
}
console.log(JSON.stringify(newObj))
console.log(JSON.parse(JSON.stringify(newObj)))
return newObj;
}
2단계: 콘솔에 함수 넣기 let formatApiUrl =(apiSource, apiPrefix) =>{
위의 기능 내용
}
3단계: 콘솔에서 함수 보기 및 함수 유형 표시
참고: formatApiUrl(apiSource, apiPrefix) => 이 두 매개변수의 기능이 swagger ui 1, apiSource 매개변수 1에만 해당됨을 나타냅니다
. swagger가 반환한 데이터에서 경로 객체의 값을 복사합니다.
2. apiPrefix는 기본적으로 사용자 센터로, 그 다음 프로젝트 센터로 직접 실행됩니다.
4단계: 인터페이스 문서 열기(지금 사용하는 swagger UI)
인터페이스 api-docs 등을 보려면 콘솔 네트워크에서 반환된 데이터의 미리보기를 엽니다.
경로를 복사하려면 마우스 오른쪽 버튼을 클릭하고 { 값 복사 속성 경로 복사 객체 복사 } 가 나타나면 첫 번째 값 복사를 선택합니다.
5단계: 콘솔 함수 formatApiUrl()로 돌아갑니다. 이 때 이렇게 표시되지만 유형은 function입니다.
이때 이 함수는 두 개의 매개변수를 전달해야 하는데
첫 번째 매개변수는 위의 복사 값(Copy value)
이고 두 번째 매개변수는 http://192.168.0.41:8000/dqApi/project-center/swagger- ui.html #/
swagger의 프로젝트 센터 유형은 문자열 형식으로 전달됩니다.
선택을 위해 json 형식의 문자열을 표시하려면 Enter 키를 누르십시오. 복사
6단계: 새 페이지 json.cn을 열고 5단계 끝에서 복사한 데이터를 변환합니다.
을 그만하기로하다! ! ! 당신 만이 이해할 수 있습니다! !