Перейти к содержимому



Купить ссылку здесь
Фотография
* * * * * 1 Голосов

Мануал: Делаем мобильное приложения для сайта бесплатно! Android и IOS

Форум ZiSMO.biz
ios android gonative io zismo.biz [email protected] мобильное приложение андроид айос полезное@gabbhack

Лучший Ответ on3shot, 11 05 2016 - 13:49

Довольно полезная и информативная статья, спасибо.

Перейти к сообщению

43
Сообщений в теме: 43

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409

*
Популярное сообщение!

Внимание! В теме обнаружен длинопост!

А так же внимательно изучите условия gonative.io и на какой основе вы создаете и пользуетесь приложением. Например ваше приложение может стать не рабочим после публикации в Play Market

Скрытый текст

Получим:

-Панель управления уведомлениями

-Удобное и легкое приложение

-Исходники под android и ios

Бесплатно!

Важно иметь уже адаптивный сайт

 

Заходим на сайт gonative.io

Вводим url вашего сайта

Я буду показывать на примере Google

9d2c875bda67.png

 

По мере создания буду объяснять что зачем.

General styling, туда вы можете вставить css, он будет применяться к каждой странице открываемой в приложении. Так же там выбираем эконку приложения, лого при загрузке и основную палитру цветов

6d77acc070fe.png

15f2a2f5a79c.png

Navigation - основной элемент настройки:

19849fc10186.png

Давайте приступим!

Для начала активируйте первую галочку, нажмите start scratch

a60bcfab09ee.gif

На данной гифке изображен начальный функционал вашего приложения.

Поиск и почта добавлена благодаря "Add Row"

Группа "Остальные сервисы" с помощью "Add grouping"

Так же показано как добавить "row" в "group"

Для каждого элемента возможно выбрать картинку:

5cf5f3bc43f8.png

Вы можете выбрать свою иконку в исходниках, но об этом позже

Давайте перейдем в пункт "чеканья" пользователя

fffde43d2d73.png

Здесь вы настроите меню для уже зарегистрированного пользователя.

В Protected URL вставляется ссылка, открыть которую может только зарегистрированный пользователь. На Zismo такой метод не работает, т.к если открыть закрытый раздел, то вас не редирекнет на другую страницу, а оставит на той же и скажет что нельзя

Перейдя же по mail/u/0/#inbox Google заботливо перенесет вас на страницу регистрации. Но мы перехватим и перенесем на нужную нам страницу "Protected URL Redirect"

Связи с обновлениями условий сервиса, использовать данную функцию можно только платно

 

Идем дальше!

Настройка таб меню:

d601951885f5.png

На картинке видно, что я создал два правила для отображения таб меню

Первое: при ".*", значит всегда, я отображу "Я" и т.д.

А при переходе на mail.google.com предложение войти, при этом правило 1 не действует

 

Идем к следующему, иерархия отображения страниц

91c5d783190d.png

Как это работает, вы можете посмотреть нажав на "Learn more" на самом сайте.

А я поясню настройку

Уровнем 1 помечается в большинстве случаев главная страница. На 2 уровень я поместил страницу авторизации. То есть она откроется на 2 странице, а инфа на первом останется нетронутой.

 

Идем дальше: настройка титлов

81bed18e0578.png

Тут понятно. Если пользователь переходит на ту ссылку, у него меняется название титла. Если посмотреть на приложение Zismo, у него титл всегда "Главная", хотя настройка было правильной, но это спецификация самого форума, и скоро я поправлю дело.

Как вы видите я поставил ".*", значит Поиск будет виднеться не только на google.ru, но и на google.ru/sdfsdf, и других запросах.

 

Идем к настройке внешних и внутренних ссылок:

ae2ba484037e.png

На картинке показано что сначала внутри обработается mail.google.ru, а уже потом его остальные запросы. 

Что бы остальные ссылки открывались внешне, вы должны ".*" поместить в самый низ и выбрать External

 

Думаю с настройкой доп. кнопок вы сами разберетесь

Идем к поиску:

d14c4ac88bd2.png

Тут показано что все поисковые запросы будут обрабатываться через google.ru/#q=

"#q=" можно  применить к большинству сайтов, но zismo обрабатывает через себя не выдавая ссылку для внешнего доступа, сделано это для уменьшения запросов, но не для удобства точно.

Поисковый запрос вставляется возле "=" и выводит полученную страницу.

 

Настройка навигации закончена!

 

Идем к настройке стиля навигации, благо она интуитивно понятна

1c4afdcfdfac.png

 

Идем к настройке push уведомлений!

Будем использовать бесплатный сервис onesignal.com, он не имеет лимитов и вообще классный :)

Настройку google cloud вы сделаете сами, документация есть на onesignal.

Перейдем к настройке сами уведомлений. Я покажу как настроить автоматическое сообщение при первом открытии.

Переходим в Templates

В титле создаем имя, в контенте контент

Дальше переходим в Automated

28bed904a69f.png

Такие настройки позволяют отправить сообщение пользователю один раз за всё будущее использование, в нашем случае после установки.

 

Настроим имя основной папки:

4060430cb88b.png

Принято домен писать первым. Ну или проще говоря все сделать наоборот : android.google.ru=ru.google.android.

 

Настроим внедрение ссылок на сайт. Поясню: когда вы нажимаете на ссылку, у вас выскакивает выбор приложений с помощью которых её открыть, в том списке будет наше.

1a9136ba6912.png

В рекомендациях написано, что случай с www тоже нужно допустить.

 

Остальное можно не использовать, нажимает build. Вскоре на почту придет письмо.

 

Спасибо что дочитали. Думаю будет полезен данный длинопост!

 

 

 

 

 

 

 

 

a95be7fff17b.gif
Другие полезные темы от gabbhack:
Мануал: делаем бесплатное мобильное приложение для сайта Android и IOS
Сервисы для быстрого сбора прокси
Мобильное приложение для форума Zismo. Группа разработчиков GabbDevGroup
Меню разработчика мобильного приложения ВК (Android)
Почта @xakep.ga - повысим самооценку
Слив платных движков (последние версии(почти))
Делаем новый дизайн youtube
Обход блокировки сайтов и цензуры (легко, быстро, бесплатно)
А так же по хештегу "полезное@gabbhack"
                                                                                                             CFJ85AJ.png
.png


Сообщение отредактировал gabbhack: 17 10 2016 - 18:16




forum.gif

    • 11
  • Наверх
  • Ответить

OFFLINE Отправлено

LIRA
группа пользователя
  • Онлайн:37д 21ч 28м
162

Не трудно ли было написать тему? когда проще всего видос запилить. А так спасибо, когда нить прочитаю и сделаю)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409


Не трудно ли было написать тему? когда проще всего видос запилить. А так спасибо, когда нить прочитаю и сделаю)

Просто времени больше, а так не трудно

forum.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

TheFirstHack
группа пользователя
5


Не трудно ли было написать тему? когда проще всего видос запилить. А так спасибо, когда нить прочитаю и сделаю)

Согласен.
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

saniax
группа пользователя
  • Онлайн:45д 7ч 14м
22

очень полезно :)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено   Лучший Ответ

on3shot
группа пользователя
  • Онлайн:231д 8ч 51м
1 749

Довольно полезная и информативная статья, спасибо.


5qhptzk.jpgsocialkit2.gif
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409

Довольно полезная и информативная статья, спасибо.

пожалуйста! 


forum.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

RockTheStreet
группа пользователя
  • Онлайн:220д 19ч 49м
682

Спасибо, хорошая тема.


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

DimaHooligas
группа пользователя
  • Онлайн:3д 10ч 44м
1
Благодарю тема хорошая и полезная
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409

Благодарю тема хорошая и полезная

рад был помочь)


forum.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

legkost
группа пользователя
  • Онлайн:2д 12ч 13м
0

Нужна Ваша консультация по мануалу, который Вы выложили.

Есть ли определённая стоимость? Или это может быть сотрудничество?

Мой скайп juap123 - присоединяйтесь.

Или Вы используете другой мессенджер. Возможно viber whatsapp?


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409

Нужна Ваша консультация по мануалу, который Вы выложили.

Есть ли определённая стоимость? Или это может быть сотрудничество?

Мой скайп juap123 - присоединяйтесь.

Или Вы используете другой мессенджер. Возможно viber whatsapp?

рекомендую связаться по Telegram. Ник @gabbhack.

Точной стоймости нет 


forum.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Артур Февралев
группа пользователя
  • Онлайн:2д 3ч 14м
3

Блин спасибо как раз под руку попалось во время нужно было. 
Вырчил, за мануал реально благодарю.


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409

Блин спасибо как раз под руку попалось во время нужно было.
Вырчил, за мануал реально благодарю.

Рад что помог)

forum.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

divert
группа пользователя
  • Онлайн:35д 15ч 28м
53

Вот это круто) Думаю где-нибудь эти знания точно пригодятся. Спасибо!


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409

Вот это круто) Думаю где-нибудь эти знания точно пригодятся. Спасибо!

рад что помог)


forum.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Bodya321
группа пользователя
  • Онлайн:172д 9ч 34м
211

спасибо


Изображение
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    Всегда говорите о том, в чем не шарите

  • Cообщений: 5 584
  • Друзей:140
  • Поинты: 1 349
  • Предупреждений: 0
  • Онлайн:98д 1ч 43м
409

спасибо

Пожалуйста!

forum.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

GKir
группа пользователя
  • Онлайн:3д 23ч 10м
10

Благодарю за инфу


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Lexxxi123
группа пользователя
  • Онлайн:14д 8ч 25м
7

Спасибо! начал делать приложение на сайт) Отличный мануал


    • 0
  • Наверх
  • Ответить



Напишите свое сообщение