更新记录

1.0.1（2022-10-01）

更新了pages_init注册页面错误

1.0.0（2022-10-01）

首次上传

平台兼容性

云函数类插件通用教程

使用云函数类插件的前提是：使用HBuilderX 2.9+

zach-center

• 主要用于用户中心,每个项目都重新开发显然麻烦,就用官方的uni-id-pages自己改了一套
• 该插件完全依赖于zach-ui,意味着您使用的时候要先把zach-ui给配置完善才行,zach-ui入口在下方

  使用文档可参考zach-ui插件

• zach-ui文档地址： 点击前往

用前说明：

• 这玩意儿都是用的比较新的东西,hbx一直使用的alpha版本最高版跟随官方目前hbx3.6.3开发,不做老版本兼容
• 如果你是老项目或者不是在如下环境里面开发的,我劝你自己研究吧~我也没搞过~
• uniCloud默认用阿里云,只兼容VUE3,只准备兼容H5,微信H5,和部分小程序,作者开发调试都是在chrome里,偶尔微信小程序调试下,要开发其他的那就要自己调试了~

三.快速上手

• 1.zach-center插件依赖的插件uni-id-common,zach-ui必需保证正确安装,否则部分功能可能无法正确使用!
• 2.项目必须使用vuex,且保证vuex开启多模块模式。在主项目中将插件根目录下zachStore文件夹以$zachcenter的命名注册成vuex模块。
• 3.参照下方示例,正确配置main.js和App.vue
• 4.将需要的页面路径加入到主项目pages下面就行了,不要使用分包模式

main.js示例

import App from './App'
import store from '/store' 
import uView from './uni_modules/vk-uview-ui';
import { createSSRApp } from 'vue'

export function createApp() {
  const app = createSSRApp(App)

  app.use(store)//使用vuex,要在vue3版本模式使用哈~vue2版本会出现什么问题我也不清楚
  app.use(uView)//使用vk-uview-ui,这个是vk在uview-ui的1.8.3上改良版兼容vue3,使用时同样参照uview-ui的1.x的文档就行
  return {
    app
  }
}

App.vue示例

<script>
    import zachCenterInit from "@/uni_modules/zach-center/init"
    export default {
        onLaunch: async function(e) {
            // zach-center初始化
            await zachCenterInit.call(this, e)

            console.log("app onLaunch");

        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
</script>

<style lang="scss">
    /*每个页面公共css,使用zach-ui一个样式就够了,避免重复引用，您可以扒开看看里面引入过些啥东东 */
    @import "@/uni_modules/zach-ui/index.scss";
</style>

zachStore注册到主项目示例

// store/index.js
import $zachcenter from "/uni_modules/zach-center/zachStore"
import {
    createStore
} from 'vuex'
const store = createStore({
    /* 全局部分 */
    state:{},
    actions:{},
    mutations:{},
    getters:{},

    /* 模块化 */
    modules:{
        // 注意这个名字不能随便改,只能叫：$center，不然就会出现一堆问题
        $zachcenter
    },
    strict: process.env.NODE_ENV !== 'production'
})
export default store