Aplicație mobilă

De unde să încep?

Apoi, la instalarea "1C-Bitrix: Site Management" aveți nevoie de:

Instalați modulul Platformă mobilă.
Selectați locația aplicației mobile. De exemplu, acesta va fi / myfirst_app / folder.
Creați fișierele /myfirst_app/left.php și /myfirst_app/index.php.
Șablonul site-ului nu trebuie să difere de cele create pentru site-urile normale. Singura diferență este prezența în header.php a următoarelor:

De exemplu, pentru a crea un șablon de aplicație mobilă, trebuie să apelați metoda CMobile :: Init () în șablonul site-ului standard. Folosind această metodă, sunt inițializate constantele necesare, sunt conectate scripturile JS necesare pentru platforma client (iOS sau Android), sunt create obiectele necesare etc.

Apoi, în setările site-ului, atribuiți șablonului site-ului creat folderului / myfirst_app /. Se recomandă să sortați conexiunea șabloanelor 0 sau 1.

Ultimul pas este crearea fișierului config.php din / myfirst_app / folder. Când accesați fișierul, JSON trebuie returnat. Dosarul trebuie să fie după cum urmează: unde:

principală - pagina de start a aplicației;
stânga - pagina care este încărcată în partea stângă a cursorului.

Meniul de aplicații

Acum, aplicația se poate conecta la site și poate afișa conținutul. După conectare, dezvoltatorul trebuie să se asigure că aplicația navighează corect. Prin urmare, aveți nevoie de un meniu. Acesta este adesea situat în partea stângă a cursorului. Conform conținutului config.php. /myfirst_app/left.php este încărcat ca pagină pentru partea stângă a cursorului.

Să punem componenta bitrix în acest fișier: mobileapp.menu - componentă de meniu:

La intrarea componentei, dați parametrul MENU_FILE_PATH - calea către fișierul de meniu. Plasați același fișier de meniu în calea corectă.

Structura meniului este simplă. Există secțiuni. Fiecare element de meniu este furnizat cu atributele necesare:

text - numele elementului;
date-url - unde vom merge când faceți clic pe element;
clasa - clasa css a elementului de meniu;
id este identificatorul;
data-pageid este identificatorul considerat de aplicație. Când faceți clic pe element, pagina este descărcată și stocată în cache. Astfel, în viitor se va deschide instantaneu, dar relevanța conținutului de pe această pagină va trebui monitorizată.

În cele din urmă vom obține următorul meniu:

Ce este o aplicație?

În codul sursă al paginii de meniu există un apel la funcția app.enableSliderMenu (true) - deblocarea cursorului. Ce fel de obiect este aplicația. Acesta este obiectul bibliotecii BitrixMobile 2.0. care vă permite doar să gestionați aplicația. Când apelați CMobile :: Init () în șablonul de aplicație, obiectul aplicației devine disponibil. Acest obiect conține multe funcții utile, descrise mai târziu în curs și în fișierul /bitrix/js/mobileapp/bitrix_mobile.js

Pagini, tabele

Vom plasa pagina noastră /myfirst_app/test.php. la care se referă elementul de meniu creat:

Rulați aplicația și navigați la elementul Nou din meniu - vom vedea pagina cu butonul + de pe panoul cu titlul Pull-down pentru a actualiza și butonul Tabel. Faceți clic pe butonul Tabel pentru a deschide tabelul de date.

În aplicația mobilă, există evenimente care vă permit să rezolvați în mod flexibil multe sarcini. Este ușor să se ocupe de aceste evenimente. De exemplu:

Plasând acest cod, vom spune pe pagina: "După deschidere, închideți-vă înapoi în 2 secunde".

Așadar, am primit scheletul aplicației - navigarea și prima pagină. De asemenea, este posibil să luați deja un magazin de Internet Mobil (Decision eshop_app).

Notă: Documentația și API pentru dezvoltatorii de aplicații mobile pot fi găsite aici.

Articole similare

Pagina anterioară