uniapp开发公众号h5（uniapp开发公众号和小程序）
今天给各位分享uniapp开发公众号h5的知识，其中也会对uniapp开发公众号和小程序进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
- 1、uni-app开发H5
- 2、uniApp开发 微信公众号H5 跳转小程序 wx-open-launch-weapp样式不生效的问题
- 3、uniApp实现企业公众号oauth2静默授权登录H5前端部分
uni-app开发H5
emmmm....大概有大半年吧没有更新文章了吧，疫情一直到三月份才慢慢有了好转，现在已是七月，但还是不能松懈，希望宝宝们从自我做起，自觉带好口罩哦~相信在不久的明天，疫情一定彻底被战败，最终的胜利必将属于我们！中国加油！！！
疫情期间呢也自己学习了一些新的东东，目前在一家公司写着两个比较的大的项目吧，两个项目都是vue搭建的项目，一个是用element-ui框架写的PC端项目，一个是在HBuilder-X软件中使用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
记得看微信官方文档！！！
贴出你需要看的链接：
uniapp开发公众号h5的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于uniapp开发公众号和小程序、uniapp开发公众号h5的信息别忘了在本站进行查找喔。
