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

  • 查看作者
  • 微擎小程序开发流程微擎小程序开发流程

    新建应用
    ===>安装应用模块
    ===>添加小程序+应用模块
    ===>小程序后台添加服务器域名
    ===>小程序代码的siteinfo.js配置下
    ===>看下manifest.xml文件看安装模块时创建了什么数据表
    ===>在小程序端添加一个日记试试看
    ===>去数据库看数据
    ===>微擎小程序目录结构,解析小程序框架结构,有哪些文件夹,有哪些文件,做什么用的

    微擎小程序开发流程微擎小程序开发流程
    image.png

    ===>we7/resource/js/util.js文件:常用工具类库( 链接
    在app.js中引入了util.js文件,其他页面想使用的话直接 let app = getApp() 即可,无需引入,
    如下:
    1.创建路由:

    var url = app.util.url('entry/wxapp/test');    
    // url = ` 链接`
    app.util.url('entry/wxapp/test', { 'm':'we7_wxappdemo'});
    

    2.路由创建成功后也就是有了请求地址,下一步发起请求,使用app.util.request
    文档: 链接

    app.util.request({
        url:url,      //这个url是第一步使用app.util.url生成的请求地址
        data : 同微信,
        header : 同微信,
        method : 同微信,
        success : 同微信,
        fail : 同微信,
        complete : 同微信,
        cachetime : 缓存周期,在此周期内不重复请求https,默认不缓存
    })
    

    3.服务端返回数据(第二步请求了wxapp.php文件中的test方法)
    test方法中查询数据库后,拿到数据$data,也可以不查询数据库
    文档: 链接

    $this->result($errno, $message, $data)
    //$errno 错误码,0为成功,非0有表示有错误
    //$message 错误信息或是成功信息
    //$data 返回的数据
    示例
    $this->result(0, '登录成功', array('uid' => 1235));
    //输出
    {"errno":0,"message":"","data":{"test":1235}}
    
    

    4.小程序端的app.util.request的success回调函数中拿到服务器端返回的数据
    渲染到页面

    ======================================================
    获取用户信息:
    1.app.util.getUserInfo
    文档: 链接

    //用户授权才能拿到用户信息
    app.util.getUserInfo(function (userInfo) {
        console.log(userInfo.sessionid)      //这时拿不到用户信息,但是获取到了sessionid
    })
    

    2.上一步拿到了用户的openid但是没有返回来,这是我们随便访问一个方法
    openid就在$_W[‘openid’]中,只要返回回来就行

    app.util.getUserInfo(function (userInfo) {
        app.util.request({
            url: '',
            success(res){
                console.log(res.data.openid);
            }
        })
    })
    

    与服务器通讯,传数据到后端并存到数据库中

    小程序端传的数据会在保存在后端的`$_GPC`中,
    从`$_GPC`中拿到数据保存到数据库中,如果保存成功则`$this->result('0','保存成功','');
    
  • 0
  • 0
  • 0
  • 7
  • 请登录之后再进行评论

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