HTML5.dcloud.io-stream-app

時間 2019-11-14

標籤 html5.dcloud.io html dcloud stream app 欄目 HTML 简体版

原文原文鏈接

dcloud.io提出的Stream App

本文僅僅是關於dcloud.io提出的SteamApp初探，全部內容請參考其官網。 html

1. Application promotion by scaning QR Code

傳統方式: 1. 掃描二維碼, 跳轉App Store/Market 2.下載App 3.啓動App前端

StreamApp方式: 1. 掃描二維碼 2.下載 & 啓動 (僅Android平臺 360手機助手)html5

2. HTML5 Plus

HTML5 Plus 文檔android

http://www.html5plus.org/doc/ios

2.1 What's HTML5 Plus?

HTML5 Plus是一套HTML5的擴展規範。該規範可參考 http://www.html5plus.org/doc/h5p.htmlgit

HTML5 Plus規範包括的能力有 Ref[5.2]:github

Accelerometer, Audio, Barcode, Camera, Contacts, Device, Downloader, Events, Gallery, Geolocation, web

IO, Key, Maps, Messaging, NativeObj, NativeUI, Navigator, OAuth, Orientation, Payment, Proximity, Push,json

Runtime, Share, Speech, Statistic, Storage, Uploader, Webview, XMLHttpRequest, Zipapi

2.2 Native.js

一種經過js調用幾十萬原生API的技術。

同時HTML5 Plus Runtime還實現Native.js, 支持Android/iOS。

Android: http://www.html5plus.org/doc/zh_cn/android.html

iOS: http://www.html5plus.org/doc/zh_cn/ios.html

2.3 HTML5 Plus Runtime

HTML5 Plus Runtime實現Native.js, 閉源的。

Maybe: 經過擴展webkit來實現。

3. mui

3.1 What's mui?

mui是一個前端框架, 依賴於HTML5+。

開源

mui包含JavaScript, CSS, Font, Icon

輕量，體積小

基於ratchet (http://goratchet.com/, Build mobile apps with simple HTML‚ CSS‚ and JS components.)

mui github

https://github.com/dcloudio/mui

mui文檔

http://dev.dcloud.net.cn/mui/ui/

4. HTML5 Plus SDK

封裝HTML5 Plus(H5+) Runtime獲得的HTML5 Plus SDK，主要應用於：

A: 使用H5+ SDK進行本地打包

HBuilder支持雲端打包, 包的大小限制爲40M如下。

B: 原生代碼來擴展H5+ Runtime的能力

C: 集成SDK到已有的App Project中。替換原有的webview 或者運營HTML5 Plus App。

集成方式	應用場景
Widget插件	在現有應用的基礎上使用HTML5 Plus SDK顯示一個手機端的HTML5 Plus APP
Webview	顯示一個支持HTML5 Plus擴展能力的WebView

4.1 Android Platform

SDK zip: 36M

SDK包含: assets, libs, res, src

SDK中包含的lib, 全部的lib有16M。

libs包含的庫

AMap_3DMap_V2.4.1.jar
AMap_Services_V2.4.0.jar
BaiduLBS_Android.jar
GetuiExt-2.0.3.jar
GetuiSDK2.7.0.0.jar
MapApiLocation_1.3.3.jar
Msc.jar
alipaysdk.jar
alipaysecsdk.jar
alipayutdid.jar
android-support-v4.jar
aps-dhPush.jar
aps-igexin.jar
aps.jar
armeabi/
armeabi-v7a/
audio.jar
barcode.jar
camera.jar
contacts.jar
device.jar
downloader.jar
file.jar
gallery.jar
geolocation-amap.jar
geolocation-baidu.jar
geolocation-system.jar
geolocation.jar
invocation.jar
json_simple-1.1.jar
map-amap.jar
map-baidu.jar
messaging.jar
nativeObj.jar
nativeui.jar
navigatorui.jar
nineoldandroids-2.4.0.jar
nopermission.jar
oauth-qq.jar
oauth-sina.jar
oauth-weixin.jar
oauth.jar
open_sdk_r5043_lite.jar
payment-alipay.jar
payment-weixin.jar
payment.jar
pdr.jar
sensor.jar
share-qq.jar
share-sina.jar
share-tencent.jar
share-weixin.jar
share.jar
speech.jar
speech_ifly.jar
statistics-umeng.jar
tx_weibo_sdk-httpclient-3.0.1.jar
tx_weibo_sdk.jar
tx_weibo_sdk_component.jar
tx_wx.jar
ui.jar
umeng-analytics-v5.6.1.jar
universal-image-loader-1.9.0.jar
uploader.jar
weibosdk.jar
weibosdkcore.jar
x86/
xhr.jar

4.2 iOS Platform

SDK zip: 136M

SDK包含: inc, Bundles, Libs

Bundles: 4.3M Libs: 337M

Libs包含的全部library和framework

Libs包含的全部library和framework

AMapSearchKit.framework
AlipaySDK.framework
BaiduMapAPI.framework
MAMapKit.framework
TencentOpenAPI.framework
iflyMSC.framework
libAMapImp.a
libASIHttpRequest.a
libBaiduKeyVerify.a
libBaiduMobStatForSDK.a
libBaiduWalletSDK.a
libGeTuiPush.a
libGeTuiSdk.a
libIAPPay.a
libJSONKit.a
libMobClickLibrary.a
libPushSDK.a
libQQOauth.a
libQQShare.a
libSDWebImage.a
libSinaShare.a
libSinaWBOauth.a
libTCWeiboSDK.a
libTencentShare.a
libTouchJSON.a
libUPPayPlugin.a
libWXOauth.a
libWeChatSDK.a
libWeiboSDK.a
libalixpayment.a
libbmapimp.a
libcoreSupport.a
libiflySpeech.a
liblibAccelerometer.a
liblibBarcode.a
liblibCache.a
liblibCamera.a
liblibContacts.a
liblibGeolocation.a
liblibIO.a
liblibLog.a
liblibMap.a
liblibMedia.a
liblibMessage.a
liblibNativeObj.a
liblibNativeUI.a
liblibNavigator.a
liblibOauth.a
liblibOrientation.a
liblibPDRCore.a
liblibPGInvocation.a
liblibPGProximity.a
liblibPayment.a
liblibPush.a
liblibShare.a
liblibSpeech.a
liblibStatistic.a
liblibStorage.a
liblibUI.a
liblibWebNavi.a
liblibWidget.a
liblibXHR.a
liblibZip.a
liblist.txt
libopencore-amrnb.a
libpingpp.a
libpingpppay.a
libweixinShare.a
libwxpay.a

引入SDK到已有App Project中會使最終的安裝包變大；以及可能帶來的library衝突。

5. HTML5 Plus/MUI Application

HTML5, CSS, JavaScript, HTML5 Plus Runtime, Mui Framework

5.1 HTML5 Plus vs. React Native

http://ask.dcloud.net.cn/question/2900

	React Native	HTML5 Plus
開發語言	JavaScript JSX(JavaScript syntax extension)	HTML5 CSS JavaScript
平臺支持	iOS 7+; Android 4.1+	iOS 5+; Android 2.3+
運行時的大小
性能	Android平臺有卡頓 (2016.02)
文檔	相對完備，組織有序	質量比較差，組織雜亂