Saya baru di react.js Saya telah menerapkan satu komponen di mana saya mengambil data dari server dan menggunakannya seperti,
CallEnterprise:function(TenantId){
fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises)
{
EnterprisePerspectiveActions.getEnterprise(enterprises);
}).catch(function()
{
alert("There was some issue in API Call please contact Admin");
//ComponentAppDispatcher.handleViewAction({
// actionType: MetaItemConstants.RECEIVE_ERROR,
// error: 'There was a problem getting the enterprises'
//});
});
},
Saya ingin menyimpan Url dalam file konfigurasi jadi ketika saya menerapkan ini di server Pengujian atau Produksi saya hanya perlu mengubah url pada file konfigurasi bukan di file js tetapi saya tidak tahu cara menggunakan file konfigurasi di react.js
Adakah yang bisa membimbing saya bagaimana saya bisa mencapai ini?
javascript
reactjs
configuration
webpack
flux
Dhaval Patel
sumber
sumber
Jawaban:
Dengan webpack, Anda dapat memasukkan konfigurasi khusus env ke dalam
externals
bidangwebpack.config.js
Jika Anda ingin menyimpan konfigurasi dalam file JSON terpisah, itu juga memungkinkan, Anda dapat meminta file itu dan menetapkan ke
Config
:Kemudian di modul Anda, Anda dapat menggunakan konfigurasi:
Untuk React:
Tidak yakin apakah ini mencakup kasus penggunaan Anda, tetapi berfungsi dengan baik untuk kami.
sumber
externals
mengharapkan kode dievaluasi, Anda perlu merangkai JSON.Jika Anda menggunakan Create React App, Anda dapat mengatur variabel lingkungan menggunakan file .env. Dokumentasinya ada di sini:
https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables
Pada dasarnya lakukan sesuatu seperti ini di file .env di root proyek.
Anda dapat mengaksesnya dari komponen Anda dengan
sumber
REACT_APP_
REACT_APP_MYSETTING=value
ke dalamnya, kemudian merujuknya keprocess.env.REACT_APP_MYSETTING
kode JSX saya, dan berhasil. Terima kasih!Anda dapat menggunakan paket dotenv apa pun penyiapan yang Anda gunakan. Ini memungkinkan Anda untuk membuat .env di root proyek Anda dan menentukan kunci Anda seperti itu
Dalam file entri aplikasi Anda panggil saja dotenv (); sebelum mengakses kunci seperti itu
sumber
REACT_APP_
Jika Anda memiliki file .properties atau file .ini
Sebenarnya jika Anda memiliki file yang memiliki pasangan nilai kunci seperti ini:
Anda dapat mengimpornya ke webpack dengan modul npm bernama properties-reader
Saya menemukan ini sangat membantu karena saya mengintegrasikan react dengan framework Java Spring di mana sudah ada file application.properties. Ini membantu saya menyatukan semua konfigurasi di satu tempat.
"properties-reader": "0.0.16"
const PropertiesReader = require('properties-reader');
const appProperties = PropertiesReader('Path/to/your/properties.file')._properties;
externals: { 'Config': JSON.stringify(appProperties) }
var Config = require('Config') fetchData(Config.serverUrl + '/Enterprises/...')
sumber