웹 앱 개발에 Ionic Framework를 사용하는 방법은 무엇입니까?
Cordova로 래핑하는 대신 일반 웹 애플리케이션에 ionic frameowork를 사용할 수 있습니까?
www / lib /의 구성 요소를 포함하면 가능합니다.-이 폴더에는 ionic (이온 프레임 워크 + angularjs)의 핵심이 포함되어 있으며 거기에서 진행할 수 있습니다.
그러나 ionic은 특히 모바일을 염두에두고 angularjs 위에 구축되었다는 점에 유의해야합니다. 웹 앱 개발에서 더 나은 결과를 얻으려면 핵심 angularjs (기능 용) 및 부트 스트랩 3 (UI 용) 사용을 고려해야합니다.
V2
Ionic은 이제 PWA (웹 앱)를 지원하고 데스크톱에 대한 지원이 곧 제공 될 예정입니다.
Ionic build browser
V1
Ionic은 일반적인 웹 개발에 사용할 수 있습니다. 웹 개발자 만 있으면 여기서 중지하십시오. 하지만 앱과 웹이 동일한 코드베이스에서 제공되도록하려면 더 읽어보세요.
1 단계
merges / browser / 안에 index.html의 복사본을 만듭니다 (병합은 루트 수준, 즉 myApp에 있음).
<script>
var is_browser = true
</script>
&
<body ng-app="myApp" class="platform-website">
2 단계
index.html에서 cordova.js와 같은 불필요한 js 파일을 제거하십시오.
3 단계
app.js에 추가
var is_app = (typeof is_browser === 'undefined' && !ionic.Platform.is('browser')
&& ionic.Platform.isWebView());
이제 CSS 숨기기 / 표시 또는 각 숨기기 / 표시를 사용하십시오.
Ionic의 하이브리드 웹 앱 외에는 많은 지원이 있다고 생각하지 않지만 모바일 웹을 지원하는 매우 유사한 대안에 대한 Mobile Angular UI 를 확인할 수 있습니다 .
오란이 맞습니다.
"node app.js"를 사용 하면 앱이 서버를 실행합니다. 이 서버에 원하는 모든 파일을 제공해야합니다. 으로 이온 응용 프로그램 은 기본적으로의 WWW 폴더에 있습니다. 다음 예에서는 www 폴더 의 모든 내용을 공용 폴더에 넣습니다 .
내 루트 폴더에는 app.js 파일과 공용 폴더가 있습니다. 이것이 app.js의 모습입니다.
var express = require('express');
var app = express();
var server = require('http').createServer(app);
app.get('/', function (request, response) {
response.sendFile(__dirname + "/public/index.html");
});
app.use(express.static(__dirname, 'public'));
에서 공용 폴더 내가 모든 프론트 엔드 CSS와 JS 있습니다. 위 코드 에는 전체 폴더 공용이 포함되었습니다 . 이제 public의 index.html에서 다음과 같이 public / 으로 파일을 포함해야 합니다.
<script src="public/lalala.js"></script>
누구든지 Node.js + Ionic Framework에 대해 무엇이든 자유롭게 물어보십시오.
앱의 복잡성에 따라 일반 웹 애플리케이션에 Ionic Framework를 사용할 수 있습니다!
앱을 만들 때 /www모든 HTML, JS 및 CSS가 포함 된 폴더가 있습니다. 이것이 웹 앱의 프런트 엔드입니다.
대부분의 웹 앱은 사이에 약간의 논리 만 사용하여 데이터에 액세스하는 간단한 인터페이스입니다. 대부분의 경우 해당 로직을 JS에 넣고 클라이언트가 워크로드를 처리하도록 할 수 있습니다.
데이터는 Firebase 또는 Parse 와 같은 BaaS (Backend-as-a-Service) 솔루션으로 처리 할 수 있습니다 . 저는 Firebase 가 Angular 및 Ionic과 잘 연결되어 있기 때문에 좋아 합니다.
신용 카드 결제와 같이 비밀이 필요한 서비스에 연결해야하는 경우 Zapier 와 같은 서비스에 연결할 수 있습니다.
호스팅을 위해 특별히 서버리스 앱을 위해 팝업 된 정적 앱 호스팅 업체가 많이 있습니다. 나는 그들이 더 이상 새로운 기능을 적극적으로 추진하지 않는 것처럼 보이지만 divshot을 선호합니다 .
여기에 설명 된 솔루션은 Ionic을 훌륭하게 만드는 플랫폼간에 일관성을 유지하는 데 도움이 될 것입니다!
하이브리드 모바일 앱에 대한 우리의 선택은 이온 프레임 워크이지만 웹 애플리케이션의 경우 프런트 엔드 부분은 이온 프레임 워크에 없습니다.
예를 들어 순수 Angular 또는 Angular AngularJS UI 용 Kendo UI 에서 웹 애플리케이션 부분을 수행 합니다.
동일한 팀이 두 플랫폼 (모바일 및 웹)에서 생산성을 발휘할 수있을 때 더 효율적입니다.
도움이 되었기를 바랍니다.
참고 URL : https://stackoverflow.com/questions/22870196/how-to-use-ionic-framework-for-web-app-development
'programing tip' 카테고리의 다른 글
| RESTful 애플리케이션에서 CSRF를 방지하는 방법은 무엇입니까? (0) | 2020.10.20 |
|---|---|
| OAuth 소비자 비밀을 안전하게 유지하는 방법과 손상되었을 때 대응하는 방법은 무엇입니까? (0) | 2020.10.20 |
| SQL Server XML 데이터 형식에서 LIKE 문 사용 (0) | 2020.10.19 |
| SQL Server가 서명되지 않은 데이터 형식을 지원하지 않는 이유는 무엇입니까? (0) | 2020.10.19 |
| ASP.NET CLR이 활성화되지 않음 (0) | 2020.10.19 |