文件列表:

.travis.yml (383, 2023-01-08)
LICENSE (11357, 2023-01-08)
backend (0, 2023-01-08)
backend\.flake8 (31, 2023-01-08)
backend\ListenApiDemo (0, 2023-01-08)
backend\ListenApiDemo\__init__.py (0, 2023-01-08)
backend\ListenApiDemo\settings.py (1647, 2023-01-08)
backend\ListenApiDemo\urls.py (753, 2023-01-08)
backend\ListenApiDemo\views.py (1258, 2023-01-08)
backend\ListenApiDemo\wsgi.py (403, 2023-01-08)
backend\manage.py (545, 2023-01-08)
backend\requirements.txt (272, 2023-01-08)
resources (0, 2023-01-08)
resources\desktop.png (129394, 2023-01-08)
resources\mobile.png (103377, 2023-01-08)
web (0, 2023-01-08)
web\config (0, 2023-01-08)
web\config\env.js (3494, 2023-01-08)
web\config\jest (0, 2023-01-08)
web\config\jest\cssTransform.js (314, 2023-01-08)
web\config\jest\fileTransform.js (305, 2023-01-08)
web\config\paths.js (1960, 2023-01-08)
web\config\polyfills.js (841, 2023-01-08)
web\config\webpack.config.dev.js (12512, 2023-01-08)
web\config\webpack.config.prod.js (15618, 2023-01-08)
web\config\webpackDevServer.config.js (5345, 2023-01-08)
web\package.json (2704, 2023-01-08)
web\public (0, 2023-01-08)
web\public\favicon.ico (3870, 2023-01-08)
web\public\index.html (1590, 2023-01-08)
web\public\manifest.json (317, 2023-01-08)
web\scripts (0, 2023-01-08)
web\scripts\build.js (4900, 2023-01-08)
... ...

# ListenApiDemo  [](https://github.com/ListenNotes/ListenApiDemo/actions/workflows/demo-ci.yml) A simplified podcast search engine web app, using Django, React, and [Listen API](https://www.listennotes.com/api/). In the Django code, we use our [official podcast api package](https://github.com/ListenNotes/podcast-api-python) to talk to Listen API. You can find code snippets in different languages on the [API Docs](https://www.listennotes.com/api/docs/) page, including [Node.js](https://github.com/ListenNotes/podcast-api-js), [Python](https://github.com/ListenNotes/podcast-api-python), [Ruby](https://github.com/ListenNotes/podcast-api-ruby), [Java](https://github.com/ListenNotes/podcast-api-java), [PHP](https://github.com/ListenNotes/podcast-api-php), [Golang](https://github.com/ListenNotes/podcast-api-go), [Kotlin](https://github.com/ListenNotes/podcast-api-kotlin)... Note: You can easily implement similar apps using [Cloudflare Pages](https://github.com/ListenNotes/demo.podcastapi.com), or no code tools like [Bubble](https://www.listennotes.com/integrations/bubble/) and [Retool](https://www.listennotes.com/integrations/retool/). ## Overview Your frontend code (e.g., Web, iOS, Android...) shouldn't talk to Listen API directly. For Web, your users can inspect request headers in their web browsers to find your API key, if you use Ajax to hit Listen API endpoints directly. For iOS / Android, you can't easily reset your API key, if you put API keys in the source code of your app. Once the app is in the hands of your users, you can't easily change the code or force users to upgrade. Typically, you'll hit Listen API endpoints from your backend (e.g., Django, Rails, Nodejs, Cloudflare Workers...). So you can protect your API key and reset it if needed. Your frontend code will talk to your backend via GraphQL, RESTful APIs or the likes. In this demo, we provide a reference Django implementation for a backend that talks to Listen API, and a ReactJs implementation for a web frontend that talks to the Django backend. ## Running the project ### [Backend (Django)](https://github.com/ListenNotes/ListenApiDemo/tree/master/backend) The backend is a simple Django backend makes requests to the Listen API. To run it, from the `backend` directory: 1. Install requirements (it is recommended you do this in a virtualenv): ``` python3 -m venv .venv && source .venv/bin/activate pip install -r requirements.txt ``` 2. Start the django app with the environment variable LISTEN_API_KEY set to your Listen API key: ``` LISTEN_API_KEY=YOUR_SECRET_KEY python manage.py runserver ``` [Where to get LISTEN_API_KEY](https://help.listennotes.com/en/articles/341***36-how-to-get-an-api-token-of-listen-notes-api)? If LISTEN_API_KEY is not set, then we'll use the [API mock server](https://www.listennotes.com/api/tutorials/#faq0) that returns fake data. ### [Web (React)](https://github.com/ListenNotes/ListenApiDemo/tree/master/web) The web frontend is a React project that makes requests to the django backend. To run it, from the `web` directory: 1. Install requirements: ``` yarn install ``` 2. Start the React app with the environment variable REACT_APP_BACKEND_ROOT_URL set to your Django backend's base url: ``` REACT_APP_BACKEND_ROOT_URL=http://localhost:8000 yarn start ``` *On desktop*  *On mobile* ## Further readings * [Listen API Documentation](https://www.listennotes.com/api/docs/) * [Tutorials](https://www.listennotes.com/api/tutorials/) * [Who's using Listen API?](https://www.listennotes.com/api/apps/) * [General FAQ](https://www.listennotes.com/api/faq/) * [How to evaluate a 3rd party RESTful API?](https://www.listennotes.com/blog/how-to-evaluate-a-3rd-party-restful-api-47/) What have 4,500+ companies & developers built with Listen Notes Podcast API: * [E-Learning Platforms](https://www.listennotes.com/use-cases/elearning-platforms/) * [Podcast Clipping Apps](https://www.listennotes.com/use-cases/podcast-clipping-apps/) * [Podcast Listening Apps](https://www.listennotes.com/use-cases/podcast-listening-apps/) * [Podcast Social Apps](https://www.listennotes.com/use-cases/podcast-social-apps/) * [Podcast PR / Advertising Platforms](https://www.listennotes.com/use-cases/podcast-pr-advertising-platforms/) * [Podcast Curation Apps](https://www.listennotes.com/use-cases/podcast-curation-apps/) * [Financial Market Intelligence Platforms](https://www.listennotes.com/use-cases/financial-market-intelligence-platforms/) * [Podcast Hosting Services](https://www.listennotes.com/use-cases/podcast-hosting-services/) * and [more](https://www.listennotes.com/api/apps/)...

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：