项目作者: rodbox

项目描述 :
Front Client Service VueJs. Connexion Api et Cloud
高级语言: Vue
项目地址: git://github.com/rodbox/ClientVueJS.git
创建时间: 2017-03-20T11:42:21Z
项目社区:https://github.com/rodbox/ClientVueJS

开源协议:

下载


ClientVueJs - Rodbox

Connextion api service rodbox

Configuration :

/src/store.js

  1. const state = {
  2. title: 'TITLE_PROJECT', // ex: Rodbox
  3. key: 'KEY_API', // ex: 673F8FEZ423F4HJK
  4. ...
  5. url: 'URL_FRONT', // ex: client.rodbox.fr
  6. urls: {
  7. service: 'http://service.rodbox.fr/web/api',
  8. cloud: 'http://IP_SERVICE/__cloud_service__/web/',
  9. upload: 'http://IP_SERVICE/__cloud_service__/web/upload',
  10. spacer: 'http://IP_SERVICE/__cdn_rodbox__/img/spacer.png',
  11. users: 'http://IP_SERVICE/__cdn_rodbox__/users',
  12. cdn: 'http://IP_SERVICE/__cdn_rodbox__',
  13. sh: 'http://IP_SERVICE/__cdn__/sh.php'
  14. }

Composent global :

Instancier :

/src/components.js

Emplacement :

/src/components/COMPONENT_FOLDER/COMPONENTS.vue

Module vuex :

Instancier :

/src/modules.js

Emplacement :

/src/components/COMPONENT_FOLDER/MODULE_NAME.js

Instancier une route vue-router :

Instancier :

/src/router.js

Emplacement :

/src/pages/PAGE_COMPONENTS.vue

Connextion API

| id | String | id service |
| name | String | index du service Rodbox |
| cache | Boolean | Si le resultat doit est mis dans le localStorage |
| dataSend | Object | Objet des données a envoyer |
| hook | Array | Liste des actions a executer sur le serveur apres la requete api |
| callback | Function | Callback en cas de succés |
| beforeSend | Function | Action avant l’envois de la requete |
|
depuis une methods ou une actions d’un module vuex :

  1. window.store.dispatch('getService', {
  2. id: ID_SERVICE,
  3. name: ID_SERVICE + '.' + NOM_METHODS,
  4. cache: true,
  5. dataSend: {
  6. DATA_INDEX: DATA_VALUE
  7. },
  8. hook: ['rb.trace'],
  9. callback (json) {
  10. },
  11. beforeSend () {
  12. }
  13. })