草庐IT

mobx-miniprogram

全部标签

微信小程序使用webview内嵌h5页面 wx.miniProgram.getEnv失效问题

背景最近接到一个h5需求,和普通的h5不一样,这个h5页面是嵌入到小程序中使用的,需求简单来说就是展示一个跳转按钮,判断如果是小程序环境下就进行跳转到其他小程序页面。实现思路核心逻辑其实就是判断小程序环境这一块,我们可以直接使用wxsdk来进行判断小程序环境,由于公司内部已经有这些api的封装,所以实现起来比较简单。windows.wx实际上就是wxsdk的对象//判断是否在微信环境constisWeixin=/MicroMessenger/i.test(navigator.userAgent);//获取微信运行环境constgetWxEnv=()=>{returnnewPromise((re

微信小程序:Mobx的使用指南

简要微信小程序中有时需要进行全局状态管理,这个时候就需要用到Mobx.下面我们来看一下在小程序中是如何使用Mobx的安装pnpmimobx-miniprogram@4.13.2mobx-miniprogram-bindings@1.2.1或npmimobx-miniprogram@4.13.2mobx-miniprogram-bindings@1.2.1或yarnaddmobx-miniprogram@4.13.2mobx-miniprogram-bindings@1.2.1配置根目录下新建store文件夹,新建store.js文件import{observable,action}from'm

全局数据共享——MobX(微信小程序)

1.定义:全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有:Vuex、Redux、MobX等。而我们微信小程序常用的全局共享方案是:MobX我们可以通过上面这张图清除的看到,如果不使用MobX全局数据共享的话,如果需要调用某个组件,则需要一层一层调用,如果定义了全局数据共享,那么可以直接拿到数据,不需要一层一层调用2.全局数据共享的具体方案在小程序中,可使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享。其中:mobx-miniprogram用来创建Store实例对象mobx-minipro

(已解决坑)调试上wx.miniProgram.redirectTo/wx.redirectTo可以跳转,但是真机上不能

失败的原因就是:wx.redirectTo不允许跳转到tabBar页面!!!详情请往下看:我的需求是用webview把h5内嵌在小程序中,在h5中进行跳转页面。模拟跳转到首页:wx.miniProgram.redirectTo({url:'/pages/shop/shop'});排查错误:1.首先确保pages/index/index已经存在2.跳转url是否正确,记得在路径前加"/"wx.miniProgram.redirectTo({url:'pages/shop/shop'});//错误wx.miniProgram.redirectTo({url:'/pages/shop/shop'})

H5跳回小程序的wx.miniProgram.navigateTo不起效果,无法跳转页面,已解决

 需求:H5中的点击首页按钮跳回小程序的首页,就写了以下代码  结果并没有跳转成功,但是alert成功,于是查找资料,换了各种api比如switchTab,redirectTo都不行,找了好多博主的帖子发现都不行,问题肯定出在url上面,于是改成下面这样,就可以成功跳转了,不得不说啊wx的接口有时候真的让人无语,上图 

【微信小程序内嵌H5调用wx.miniProgram.navigateTo跳转无效问题】

之前项目遇到的,各种判断逻辑都走通了,代码走到wx.miniProgram.navigateTo面前了就是跳转不了,试了很多种方法,都怀疑是这个api不适用了,结果一次尝试,发现还是地址的问题。客户给的跳转地址:“pages/check/index/index.html?type=1”试过但没成功的地址:“/pages/check/index/index.html?type=1”最终跑通的地址:“/pages/check/index/index?type=1”总结:url前要加/,最后的地址不要带.html,有参数也不要

微信小程序不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/n

出现不在以下request合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html如果时仅仅提供了http协议接口、暂时没用提供https协议的接口可以开启[不校验合法域名、TLS版本以及HTTPS证书]的选项只能在开发和调试使用,项目上线之后要勾掉。

解决 require args is ‘mobx-miniprogram-bindings‘ 的问题

微信小程序在使用mobx时报错Error:module'pages/index/mobx-miniprogram-bindings.js'isnotdefined,requireargsis'mobx-miniprogram-bindings'解决方法工具-》重构npm原因:总的来说是因为js运行时的不一样构建npm的过程,是为了让原始的npm包(放在node_modules里的)能够在小程序的运行时上跑起来:类似nodejs的require路径检查,小程序在require时,如果不是绝对路径或者以`.`开头的绝对路径,是会尝试去`miniprogram_npm`搜索的,构建npm的工作之一就

flutter - 无法将 mobx 集成到简单的 flutter 应用程序中,该应用程序会在点击时增加计数器

我是Flutter新手,无法解决问题。无法编译您的应用程序,因为无法建立其依赖项。以下Dart文件:/Users/anirudhsharma392/Desktop/flutter/testing/lib/counter/counter.dart...在导入中引用以下库:/Users/anirudhsharma392/Desktop/flutter/testing/lib/counter/counter.g.dart不幸的是,该库似乎不存在于您的文件系统中。import'package:flutter/material.dart';import'package:flutter_mobx/

flutter - 无法将 mobx 集成到简单的 flutter 应用程序中,该应用程序会在点击时增加计数器

我是Flutter新手,无法解决问题。无法编译您的应用程序,因为无法建立其依赖项。以下Dart文件:/Users/anirudhsharma392/Desktop/flutter/testing/lib/counter/counter.dart...在导入中引用以下库:/Users/anirudhsharma392/Desktop/flutter/testing/lib/counter/counter.g.dart不幸的是,该库似乎不存在于您的文件系统中。import'package:flutter/material.dart';import'package:flutter_mobx/