https://github.com/andriannus/ci-vue-starter
Paket awal untuk membuat Single Page Application (SPA) dengan CodeIgniter dan Vue.js
https://github.com/andriannus/ci-vue-starter
codeigniter rest single-page-app vue
Last synced: about 2 months ago
JSON representation
Paket awal untuk membuat Single Page Application (SPA) dengan CodeIgniter dan Vue.js
- Host: GitHub
- URL: https://github.com/andriannus/ci-vue-starter
- Owner: andriannus
- License: mit
- Created: 2018-07-19T14:51:57.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-08-03T03:52:53.000Z (almost 7 years ago)
- Last Synced: 2025-04-05T15:03:06.619Z (3 months ago)
- Topics: codeigniter, rest, single-page-app, vue
- Language: PHP
- Size: 702 KB
- Stars: 6
- Watchers: 4
- Forks: 10
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: contributing.md
- License: LICENSE
Awesome Lists containing this project
README
# CodeIgniter - Vue.js Starter
> Paket awal untuk membuat Single Page Application (SPA) dengan CodeIgniter dan Vue.js
## Detail
1. CodeIgniter `3.1.9` dilengkapi dengan library `REST_Controller`
2. Vue.js `2.5.17` dengan template Webpack
## Dibutuhkan
1. Node.js dan npm (Paket manajer untuk Node.js)
## Konfigurasi
Setelah melakukan `Clone` atau `Download`, diperlukan konfigurasi, antara lain:
1. Install `node_modules`
```
# ci-vue-starter/client
npm install
```
## Cara Menjalankan
Terdapat 2 cara menjalankannya, yaitu `Development` dan `Production`
1. Development
Pada tahap ini, Vue.js masih dalam tahap pengerjaan. Dapat diartikan proyek tidak bisa dijalankan melalui CodeIgniter. Harus melalui server khusus Vue.js
Untuk menjalankannya seperti di bawah ini (Administrator mungkin dibutuhkan).
```
# ci-vue-starter/client
npm run dev
```
2. Production
Pada tahap ini, Vue.js akan dibuild dan menghasilkan direktori `dist` dan file `application/views/index.php`. Dapat diartikan proyek bisa dijalankan melalui Codeigniter.
Untuk menjalankannya, hanya tinggal mengunjungi:
`http://ci-vue-starter/`
## Lain - lain
1. Semua sintaks di atas dijalankan melalui `CMD` pada Windows atau `terminal` pada Linux/Mac
2. Contoller `Books` adalah contoh.
3. Pada tahap Production, mungkin dibutuhkan penambahan Construction `base` pada Routing di Vue untuk dijalankan pada `localhost`. [Referensi](https://router.vuejs.org/api/#base)
## Kredit
- [Vue.js](https://vuejs.org)
- [CodeIgniter REST Server](https://github.com/chriskacerguis/codeigniter-restserver)
## Lisensi
[MIT](https://github.com/andriannus/ci-vue-starter/blob/master/LICENSE)