Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
개발 · 프로그래밍

/

웹 개발

ionic 3로 만드는 Push Message Server

어플 푸쉬 메세지를 보내고 싶다면 아이오닉으로 만들어보세요. 백엔드 개발 없이도 Push Message Server를 구축할 수 있습니다.

(5.0) 수강평 3개

수강생 77명

  • 김철현
IONIC

먼저 경험한 수강생들의 후기

Ionic 으로 푸쉬서버 만들기

"Push Me"는 아이오닉3와 파이어베이스 그리고 One Signal push service를 이용하여 Push Me 앱을 설치한 모든 사용자 혹은 개인 및 그룹에게 푸쉬 메세지를 전달할 수 있는 Push Message Server 입니다. 또한, 사용자 간의 메세지를 전달할 수 있는 서비스를 제공하여 다양한 앱에서 서비스 컴포넌트로 사용할 수 있는 앱입니다.

일반적으로 Push Message Server는 php, python, node.js 등을 사용하여 서버환경에서 개발되어 사용해 왔습니다. 백앤드 개발 경험이 없는 프론트엔드 개발자에게는 개발 난이도가 있는 서비스였으나, 아이오닉3의 기능을 활용하여 손쉽게 Push Server를 구축할 수 있는 방법을 알려드립니다.

 도움이 되는 분들

  • 어플에 푸시기능을 넣고 싶은 분
  • 하이브리드 앱을 개발하고 싶은 분
  • Ionic에 대한 개발 경험이 있는 개발자
  • Ionic을 처음 접하는 초보자

 강좌 특징

Main Feature

  • ionic 3
  • Push Server  
  • Firebase realtime Database
  • Firebase Auth
  • OneSignal Push Service
  • 1:1 Push message
  • Group Push message
  • Lazy Loading
  • Moment.js
  • APN setup(ios)
  • FCM setup(android)
  • IOS/Android Building
  • Modal
  • ActionSheet

개발 환경

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.19.0 ionic (Ionic CLI) : 3.19.0

global packages:

 cordova (Cordova CLI) : 7.1.0

local packages:

@ionic/app-scripts : 3.1.4 Cordova Platforms  : android 6.3.0 Ionic Framework    : ionic-angular 3.9.2

System:

ios-deploy : 1.9.2 Node       : v8.6.0 npm        : 5.5.1 OS         : macOS High Sierra Xcode      : Xcode 9.2 Build version 9C40b

 

지식공유자 소개

김 철현

SDS LGAd 심마니(검색엔진) Mnet Media(현 CJ E&M) 을 거쳐 현재 프리랜서/컨설턴트로 활동중

안녕하세요
입니다.

2,065

명

수강생

44

개

수강평

25

개

답변

4.9

점

강의 평점

3

개

강의

커리큘럼

전체

24개 ∙ (5시간 14분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

3개

5.0

3개의 수강평

  • ksjung1660님의 프로필 이미지
    ksjung1660

    수강평 2

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    Good course This is a really good course. Even a beginner like me could easily understand and follow along. Please provide more courses in the future.

    • cho007gg0527님의 프로필 이미지
      cho007gg0527

      수강평 1

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      I need a part that receives and processes messages. The lecture was really good. How to process received messages. When I click on a message, I want to go to a specified screen...

      • leehyunseok03016698님의 프로필 이미지
        leehyunseok03016698

        수강평 1

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

        Great. It seems like you are sharing a lot of know-how. I don't regret spending money. Thank you for the great lecture.

        비공개 강의로
        수강이 제한됩니다.
        비공개 강의

        김철현님의 다른 강의

        지식공유자님의 다른 강의를 만나보세요!

        Building an offline first web with Ionic강의 썸네일

        Building an offline first web with Ionic

        killkch0331

        In this lecture, we will create a simple phone book web using Ionic and CouchDB, which are currently the most optimized for PWA development, and explain how it can work offline through the construction process.

        중급이상

        중급이상

        IONIC, PWA

        Building an offline first web with Ionic강의 썸네일

        Building an offline first web with Ionic

        killkch0331

        Email/Password User Authentication using Ionic3+Firebase강의 썸네일

        Email/Password User Authentication using Ionic3+Firebase

        killkch0331

        Tutorial on creating email/password user authentication using Ionic 3 + firebase

        초급

        초급

        IONIC, Firebase

        Email/Password User Authentication using Ionic3+Firebase강의 썸네일

        Email/Password User Authentication using Ionic3+Firebase

        killkch0331

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331

        This ionic3 course is very helpful not only to developers with ionic development experience, but also to beginners without ionic development experience, as it provides comprehensive information on the overall ionic project structure and development methods.

        초급

        초급

        IONIC

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331

        비슷한 강의

        같은 분야의 다른 강의를 만나보세요!

        Email/Password User Authentication using Ionic3+Firebase강의 썸네일

        Email/Password User Authentication using Ionic3+Firebase

        killkch0331

        Tutorial on creating email/password user authentication using Ionic 3 + firebase

        초급

        초급

        IONIC, Firebase

        Email/Password User Authentication using Ionic3+Firebase강의 썸네일

        Email/Password User Authentication using Ionic3+Firebase

        killkch0331

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331

        This ionic3 course is very helpful not only to developers with ionic development experience, but also to beginners without ionic development experience, as it provides comprehensive information on the overall ionic project structure and development methods.

        초급

        초급

        IONIC

        My Location - Find my location information using ionic3 and Google Map Api강의 썸네일

        My Location - Find my location information using ionic3 and Google Map Api

        killkch0331

        Ionic Overview, Completed as You Follow강의 썸네일

        Ionic Overview, Completed as You Follow

        padawanjoy2166

        Understand the overall development process of Ionic and learn how to develop the most used elements in mobile apps. This will allow you to develop your own hybrid mobile app efficiently.

        초급

        초급

        IONIC

        Ionic Overview, Completed as You Follow강의 썸네일

        Ionic Overview, Completed as You Follow

        padawanjoy2166

        TypeScript Basics for Ionic (ionic2) Development강의 썸네일

        TypeScript Basics for Ionic (ionic2) Development

        jeongmincha

        Let's learn Typescript as a preliminary step to learning Ionic2 Framework, one of the frameworks for developing hybrid apps.

        초급

        초급

        IONIC, TypeScript

        TypeScript Basics for Ionic (ionic2) Development강의 썸네일

        TypeScript Basics for Ionic (ionic2) Development

        jeongmincha

        Introductory course from TypeScript to ionic6 (Angular-based)강의 썸네일

        Introductory course from TypeScript to ionic6 (Angular-based)

        nodeep777

        I recommend this to those who want to learn how to easily create and distribute Android apps, Windows apps, and iOS apps. We will teach you the basics of TypeScript rather than JavaScript and Angular!

        입문

        입문

        TypeScript, IONIC, Hybrid App

        Introductory course from TypeScript to ionic6 (Angular-based)강의 썸네일

        Introductory course from TypeScript to ionic6 (Angular-based)

        nodeep777

        Using Ionic Components Without React Angular강의 썸네일

        Using Ionic Components Without React Angular

        nodeep777

        If you have an environment that supports HTML and JavaScript, but not the Ionic platform, you can use Ionic components.

        초급

        초급

        IONIC

        Using Ionic Components Without React Angular강의 썸네일

        Using Ionic Components Without React Angular

        nodeep777

        MongoDB + node express + ionic6 integration강의 썸네일

        MongoDB + node express + ionic6 integration

        nodeep777

        Learn how to install your own DB, store and update data, and even implement a chat feature using sockets without using Firebase's real-time database.

        초급

        초급

        MongoDB, Node.js, Express

        MongoDB + node express + ionic6 integration강의 썸네일

        MongoDB + node express + ionic6 integration

        nodeep777