• 注册
  • WordPress后台-外观-小工具 进行配置小工具

  • 查看作者
  • 微擎独立后台TP5+VUE分离+小程序微擎独立后台TP5+VUE分离+小程序

    微擎2.0已经不允许从应用入口直接跳独立后台,需要从应用菜单中进入独立后台。

    如菜单标识入口设置为cms,就是对应的site.php中doWebCms方法
    在该方法中,把小程序,公众号等key和secret等放到session中,然后跳转到tp5的入口文件即可。
    有点需要注意,TP5的session前缀默认是think,所有直接seesion::get()是获取不到微擎session的

    *****微擎******
    //doWeb为后台方法
    public function doWebCms() {
        global $_W,$_GPC;    
            
            $this->checkModuleFile();// 验证模块核心文件        
            $this->session();// 设置session登录状态       
            $this->jump_cms(); // 跳转到独立后台
    }
    
    private function checkModuleFile()
        {
            $module_file = __DIR__ . '/api/thinkphp/index.php';
            !file_exists($module_file) && itoast('模块文件不存在', referer(), 'error');
    
            if (session_status() != PHP_SESSION_ACTIVE){
                  itoast('未开启session', referer(), 'error');
            }
        }
    
    //单管理模式,自动登录。如果有管理员权限控制,那还是手动登录较好
    private function session()
        {
            @session_start();
            $_SESSION['qy2019'] = [
                'wxapp' => [
                    'wxapp_id' => $this->wechat_app['uniacid']
                ],
                'we7_data' => [
                    'wxapp_id' => $this->wechat_app['uniacid'],
                    'app_name' => $this->wechat_app['name'],
                    'app_id' => $this->wechat_app['key'],
                    'app_secret' => $this->wechat_app['secret'],
                ],
                'is_login' => true
            ];
        }
    
    private function jump_cms()
        {
            global $_W;
            $url = "{$_W['siteroot']}addons/{$_W['current_module']['name']}/cms/index.html";
            header('Location:' . $url);  //header跳转不好用,session,缓存等都无法传递。改用js跳转
            exit;
        }
    
    ******TP5****** 
    public function login(){  
          session_start();  
          dump($_SESSION['qy2019']);
          return $this->fetch();
        }
    

    TP5数据库配置文件自动获取微擎配置

    defined(‘IN_IA’) or define(‘IN_IA’, true); 这句必须要有,不然会报错

    defined('IN_IA') or define('IN_IA', true);
    require __DIR__ . '/../../../../data/config.php';
    
    $db=[];
    if (empty($config['db']['master'])){
        $db=$config['db'];
    }else{
        $db=$config['db']['master'];
    }
    return [
        // 数据库类型
        'type'            => 'mysql',
        // 服务器地址
        'hostname'        => $db['host'],
        // 数据库名
        'database'        => $db['database'],
        // 用户名
        'username'        => $db['username'],
        // 密码
        'password'        => $db['password'],
        // 端口
        'hostport'        => $db['port'],
    

    VUE打包后的生产版如何在微擎中使用

    1、vue默认打包是根目录位置,要放在其他目录使用必须新建配置vue.config.js文件,配置baseUrl: "/cms/"。
          放入tp5默认入口public目录下 ,即public/cms
    2、页面跳转用 this.$router.push({path: '/login', query:{id:id}}); 方式。
    3、axios请求用相对路径 Api_url='../'   //相对路径指向public/index.php
    

    那么当访问微擎的doWebCms()方法,就自动跳转到了vue的index.html页面

    微擎底部版权–商业版不显示,非商业版显示

    判断方法是site.php中查看$_W[‘setting’][‘copyright’][‘footerright’]是否存在,商业版有信息,非商业版为空。

    //api端:site.php
      public function doMobileCpy() {
            global $_W; 
            header('Access-Control-Allow-Origin: *');
            header("Access-Control-Allow-Headers: token,Origin, X-Requested-With,X_Requested_With, Content-Type, Accept");
            header('Access-Control-Allow-Methods: POST,GET,PUT'); 
            $arr=$_W['setting']['copyright']['footerright'];
            $json=json_encode($arr);
            echo $json;
        }
    
    //vue端:app.vue
     <div class="friend-link" v-if="!cpy">        
            <a href="http://www.w7.cc">微信开发</a>&emsp;
            <a href="http://s.w7.cc">微信应用</a>&emsp;
            <a href="http://bbs.w7.cc">微擎论坛</a>&emsp;
            <a href="http://s.w7.cc">联系客服</a>
          </div>
          <div class="friend-link" v-else>        
            {{cpy}}
          </div>
    
     mounted() {  
        const that=this  
        const host=window.location.host
        const protocol=window.location.protocol
        axios.get(protocol+'//'+host+"/app/index.php?i=2&c=entry&do=Cpy&m=xxxx")
            .then(function(res){ 
              that.cpy=res.data
          }); 
      }
    

    独立小程序转微擎版

    小程序既然是独立的,就不需要使用微擎的小程序文件包了。
    既然是独立的肯定也不能访问微擎的wxapp.php,而是访问独立的api,路径就是: 链接应用模块名称/tp5/index.php
    其实只需要加入一个微擎的siteinfo文件,app.js引入该文件的域名 链接和uniacid做使用,访问API即可。

    注意支付回调时,不同unicid的问题

    另一篇文章有介绍

    参考: 链接

    微擎独立后台TP5+VUE分离+小程序微擎独立后台TP5+VUE分离+小程序
    image
  • 0
  • 0
  • 0
  • 10
  • 请登录之后再进行评论

    登录
  • 做任务
  • 单栏布局 侧栏位置: