uniapp开发公众号h5（uniapp 开发h5）

本篇文章给大家谈谈uniapp开发公众号h5，以及uniapp 开发h5对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、uniApp开发 微信公众号H5 跳转小程序 wx-open-launch-weapp样式不生效的问题
• 2、uniApp实现企业公众号oauth2静默授权登录H5前端部分
• 3、uni-app开发H5

uniApp开发 微信公众号H5 跳转小程序 wx-open-launch-weapp样式不生效的问题

真机无法显示wx-open-launch-weapp标签的 ，请先完成签名校验，校验完成 后，标签才会显示！

真机无法显示wx-open-launch-weapp标签的 ，请先完成签名校验，校验完成 后，标签才会显示！

真机无法显示wx-open-launch-weapp标签的 ，请先完成签名校验，校验完成 后，标签才会显示！

uniApp实现企业公众号oauth2静默授权登录H5前端部分

appid,服务器域名（域名下的资源文件要能访问，跟后端沟通，先放个html文件进去，比如： 能访问到）

企业H5应用工作台 可信域名配置 找管理员扫码登录 还有 应用主页配置

// 存

function setCookie(key, value) {

var initDate = new Date();

initDate.setTime(initDate.getTime() + 30 * 60 * 1000);

document.cookie = key + "=" + value + ";expires=" + initDate.toGMTString() + ";path=/";

}

// 取

function getCookie(key) {

if (document.cookie.length 0) {

var i = document.cookie.indexOf(key + "=")

if (i != -1) {

i = i + key.length + 1

var end = document.cookie.indexOf(";", i)

if (end == -1) end = document.cookie.length

return unescape(document.cookie.substring(i, end))

}

}

return undefined

}

//删

function removeCookie(key) {

var exp = new Date();

exp.setTime(exp.getTime() - 1);

var val = getCookie(key);

if (val != null) {

document.cookie = key + "=" + val + ";expires=" + exp.toGMTString();

}

}

export const Cookie = {

set: setCookie,

get: getCookie,

remove: removeCookie

}

import { Cookie } from "@/utils/cookie.js";

created() {

let local = 'http:xxxx.com/index.html'; // 这个是如果没有code需要配合微信重定向获取code的页面，也就是你后端放静态资源文件的路径，一定要可以访问到

if (!Cookie.get("weCode")) {

window.location.href =

"" +

'企业号的appid' +

"redirect_uri=" + encodeURIComponent(local) +

"response_type=codescope=snsapi_userinfowechat_redirect";

} else {

uni.reLaunch({

url: '/pages/index'

});

}

}

import { Cookie } from "@/utils/cookie.js"

onLaunch: function() {

this.getCode()

},

getCode() {

let weCode = this.getUrlParam("code"); //查看code是否存在

if (weCode) {

Cookie.set("weCode", weCode)

getUserInfo({   // 这个是请求接口把code 给后台，然后后台给你用户的一些信息 getUserInfo不要照抄 这是一个请求方法

code: weCode

}).then(res = {

if (res.data.code == 200) {

Cookie.set('userId', res.data.data)

}

})

}

},

//判断code信息是否存在

getUrlParam(name) {

var reg = new RegExp("(^|)" + name + "=([^]*)(|$)");

var r = window.location.search.substr(1).match(reg);

if (r != null) {

return unescape(r[2]);

}

return null;

}

{

"pages": [ 

{

"path": "pages/login/login",

"style": {

"navigationBarTitleText": "微信授权",

"navigationStyle": "custom",

"app-plus": {

"titleView": false,

"animationType": "none"

}

}

},{

"path": "pages/index",

"style": {

"navigationBarTitleText": "小测试首页",

"navigationStyle": "custom",

"app-plus": {

"titleView": false

}

}

}

],

"tabBar": {

"list": [{

"pagePath": "pages/index",

"iconPath": "static/tabIndexOff.png",

"selectedIconPath": "static/tabIndexOn.png",

"text": "首页"

}]

比如 你就写 baidu.com

比如： 端口  你就写  ms:xxx:7000 

记得看微信官方文档！！！

贴出你需要看的链接：

uni-app开发H5

emmmm....大概有大半年吧没有更新文章了吧，疫情一直到三月份才慢慢有了好转，现在已是七月，但还是不能松懈，希望宝宝们从自我做起，自觉带好口罩哦~相信在不久的明天，疫情一定彻底被战败，最终的胜利必将属于我们！中国加油！！！

疫情期间呢也自己学习了一些新的东东，目前在一家公司写着两个比较的大的项目吧，两个项目都是vue搭建的项目，一个是用element-ui框架写的PC端项目，一个是在HBuilder-X软件中使用uni-app框架写的H5！

关于uniapp开发公众号h5和uniapp 开发h5的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。