| --- |
| title: Development Guide |
| --- |
| |
| <!-- |
| # |
| # Licensed to the Apache Software Foundation (ASF) under one or more |
| # contributor license agreements. See the NOTICE file distributed with |
| # this work for additional information regarding copyright ownership. |
| # The ASF licenses this file to You under the Apache License, Version 2.0 |
| # (the "License"); you may not use this file except in compliance with |
| # the License. You may obtain a copy of the License at |
| # |
| # http://www.apache.org/licenses/LICENSE-2.0 |
| # |
| # Unless required by applicable law or agreed to in writing, software |
| # distributed under the License is distributed on an "AS IS" BASIS, |
| # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| # See the License for the specific language governing permissions and |
| # limitations under the License. |
| # |
| --> |
| |
| The Dashboard contains both `manager-api` and `web` parts, so you need to start the development environment separately. |
| |
| ## Prerequisites |
| |
| Before development, refer to this [guide](./install.md) to install dependencies. |
| |
| ## Clone the project |
| |
| ```sh |
| $ git clone -b release/2.13 https://github.com/apache/apisix-dashboard.git |
| ``` |
| |
| ## Start developing |
| |
| ```sh |
| $ cd apisix-dashboard |
| ``` |
| |
| ### manager-api |
| |
| 1. Please change the configuration in `api/conf/conf.yaml`. |
| |
| 2. In the root directory, launch development mode. |
| |
| ```sh |
| $ make api-run |
| ``` |
| |
| 3. In the root directory, stop development mode. |
| |
| ```sh |
| $ make api-stop |
| ``` |
| |
| 4. Please refer to the [FAQ](./FAQ.md) about the problem of displaying exception in the dashboard after adding custom plugins or modifying plugin's schema. |
| |
| 5. If writing an back end E2E test, please refer to the [Back End E2E Writing Guide](./back-end-tests.md) |
| |
| ### web |
| |
| 1. Go to the `web` directory. |
| |
| ```sh |
| $ cd ./web |
| ``` |
| |
| 2. Please change the `manager-api` address in the `config/defaultSettings.ts` file. If you follow this guidelines, the address may need to be set as below. |
| |
| ``` |
| serveUrlMap:{ |
| dev: 'http://localhost:9000' |
| } |
| ``` |
| |
| 3. Launch development mode |
| |
| ```sh |
| $ yarn install |
| |
| $ yarn start |
| ``` |
| |
| > If there is an error about gyp during yarn install, please ignore it and go ahead! |
| |
| 4. If writing an front end E2E test, please refer to the [Front End E2E Writing Guide](./front-end-e2e.md) |