11

I'm building a React Native app that will consume an API with Swagger 2.0 definition. I went to Swagger's repo at https://github.com/swagger-api/swagger-codegen#where-is-javascript and it points to their Javascript generator at https://github.com/swagger-api/swagger-js.

The problem is that the generator is dynamic, and since I'll be embedding the client in a mobile app, dynamic generator is not an option. They also say that there's a third party project available at https://github.com/wcandillon/swagger-js-codegen, which says that the project is no longer maintained and points back to https://github.com/swagger-api/swagger-codegen. (while that 3rd party generator works, I don't want to use a deprecated tool that might break any time since I'll be updating the API client when new endpoints arrive. And that tool also doesn't generate really good code anyway as it says in its own repo.)

At this point I'm stuck. What is the supported way of generating a static Javascript client from Swagger definition for use in React Native?

Braiam
  • 1
  • 11
  • 47
  • 78
Can Poyrazoğlu
  • 33,241
  • 48
  • 191
  • 389
  • Possible duplicate [Reactjs client for Swagger / OpenAPI API specification](https://stackoverflow.com/q/44051247/113116) but there're no answers there – Helen Apr 03 '19 at 09:42
  • @Helen not sure as there might (I'm not sure as I'm new) be differences between React and React Native code. – Can Poyrazoğlu Apr 03 '19 at 13:28

1 Answers1

3

You can use Swagger Codegen to generate a javascript client sdk. However, the javascript code used in it will not work with React Native's fetch implementation. To overcome that, you can simply extend the implementation of ApiClient to use the React Native fetch like:

class CustomApiClient extends ApiClient {


 callApi(path, httpMethod,   pathParams,queryParams,collectionQueryParams, headerParams, formParams, bodyParam,authNames, contentTypes, accepts,returnType, callback) {
    return fetch(`${this.basePath}${path}`,
      {
        method: httpMethod
      });
  }
}

Later using it in your other methods such as

class CustomUsersApi extends UsersApi {

 constructor() {
    super(new CustomApiClient());
  }
}

For a detailed implementation on this, you can refer the blog post https://medium.com/@lupugabriel/using-swagger-codegen-with-reactnative-4493d98cac15

Dani Akash
  • 6,828
  • 3
  • 35
  • 47