Wechat mini program is becoming more and more popular now, and in the other hand, there is little chance to deploy a normal app or a website in China now. I don’t know if it is such a situation in the other countries of the world.
And a new adapter, which is named as mpvue, is publiced by Meituan, the biggest Online-to-Offline Service Provider in China.
So i advise that Quasar can migrate to mpvue so it can be used to develop Wechat mini program, which is more useful than Cordova.
There’s only a little components in Weex. maybe a long way to support native apps.
And i think hybrid apps are not obviously slow now.
I think it should only one default theme and the framework should recognize if a visit is from android or ios and use the correct theme at runtime.
Why we should decide it during the building process?
And right now, when i build a web app, how can it show the correct theme to the visitor from a mobile device?
@qyloxe Thanks, this is what I want!
I tried to find if there is a splash screen component but found nothing.
v-cloak will do it! Thank u very much!
I find my UMD is very slow to show.
The rendering process will end in about 1 second. So I can see the original html page with an argly format.
How can I speed up the rendering process?
<!DOCTYPE html>
<html lang="zh-hans">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">
<title>Title</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/npm/animate.css@^3.5.2/animate.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/quasar.min.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="q-app">
<q-layout view="lHh Lpr fff">
<q-header elevated class="glossy">
<q-toolbar>
<q-toolbar-title class="text-center">
Login
</q-toolbar-title>
</q-toolbar>
</q-header>
<q-page-container>
<q-page padding>
<div class="row flex-center q-pa-md">
<q-form class="q-gutter-xl" style="min-width: 400px">
<q-input outlined v-model="email" label="Input Email" :rules="[ val => val && val.match(/^[a-zA-Z0-9_.+-]+@example\.com+$/g) || 'Please input a correct email address']">
<template v-slot:after>
<q-btn round icon="send" type="submit" color="primary" @click="onSubmitEmail" />
</template>
</q-input>
</q-form>
</div>
<div class="row flex-center q-pa-md">
<q-form class="q-gutter-xl" style="min-width: 400px">
<q-input outlined v-model="code" label="Input Code">
<template v-slot:after>
<q-btn round icon="send" type="submit" color="primary" @click="onSubmitCode" />
</template>
</q-input>
</q-form>
</div>
</q-page>
</q-page-container>
</q-layout>
</div>
<script src="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/quasar.ie.polyfills.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@latest/dist/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/quasar.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quasar@^1.4.0/dist/lang/zh-hans.umd.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script>
Quasar.lang.set(Quasar.lang.zhHans)
Vue.prototype.$axios = axios
new Vue({
el: '#q-app',
data: function () {
return {
version: Quasar.version,
email: '@example.com',
code: ''
}
},
methods:{
onSubmitEmail () {
},
onSubmitCode () {
}
}
})
</script>
</body>
</html>
Will this cdn still be updated?
I find there is not v1.4.0 there.
@qyloxe Drag and Drop IDE is amazing for the whole VUE developing, just like what VB and Delphi do.
pushing notifications is a job of app framework(such as Cordova, Electron, Html5 Browser), not UI layer.
Use api or component of every platform you want to deploy. There is no way to write once, deploy everywhere for this feature.
@Hawkeye64 said in advice: Weixin(Wechat) mini program support:
All Chinese and Google Chrome doesn’t try to translate it
i guess only the part about which feature does not work in mpvue is important.
@Samulwong said in advice: Weixin(Wechat) mini program support:
@Hawkeye64 The link czt share about mini app of wechat is English, I think it good to generally know about the mini app, make some basic evaluations. The one of mpvue is Chinese and I suggest you abort trying translating with google translate or similar .
The discord name raynong (without #****) I had verified before . Pls kindly try again or let me know how can I apply positive instead of being invited?
most of the ssr/pptp servers is blocked by gfw. i think you may try anyconnect. many softwares work wrongly inside the wall.
https://www.zhihu.com/people/f20a4dda9fae495be94f1d5cdc22c24c
It is said this is the head of MPVUE in Meituan.
https://developers.weixin.qq.com/miniprogram/en/dev/quickstart/basic/framework.html
this may be helpful.
MPVUE does not provide official english docs, even its github is written in Chinese.
http://mpvue.com/
https://github.com/Meituan-Dianping/mpvue
@Hawkeye64 The native mobile app is indeed dead in China for the reason of no way to deploy it and this is why chinese developer take less interest in Cordova. Chinese users also prefer a all-in-one super application which is a little like a mobile OS. The top two super applications, Wechat and Alipay, support very similar mini app standard with vue-like style. They are the most popular ways for Chinese developers to deploy their software.
