小程序 Web-view页面中使用微信api
1. 前言(直接看步骤请翻到第4)最近公司有个新的需求,就是把之前通过H5开发的功能,通过web-view移到小程序上,其中涉及到了调用微信的相机,相册等功能,需要使用JSSDK,网上看了许多帖子,踩过不少坑,最后才成功的,下面以通过nestjs,复述一下步骤以及注意点
2. 前期准备
微信公众号(是的你没有看错),要有管理员权限
小程序(废话),要有管理员权限
微信官方文档
编写加密算法的后台
一个在小程序业务域名以内的网页
3. 疑惑点
为什么明明是小程序中引用jssdk,却需要微信公众号? 其实很多人(包括我),几乎所有步骤都是照着文档走的,包括加密算法,通过测试也是对的, 但是最终就是不出效果,其实问题很可能出现在这里。 让我们先打开JSSDK说明文档, 仔细阅读一下,会发现JSSDK本身其实就是公众号的功能,所以他的参数自然是需要公众号的参数了
那我用公众号怎么保证我的小程序是可以用的呢 公众号有个关联小程序的功能,而小程序的web-view的设置就是可以打开关联公众号的内容
如果我不是原生微信开发,使用会有什么不同吗 我是用的是uniapp开发的小程序,因为没有考虑到其他 ...
styled-components 基本用法
安装12345678910npm install -save styled-components或yarn add styled-components注:如使用tsx语法请同时安装相应的@types声明文件npm install --save-dev @types/styled-components或在react-app-env.d.ts 添加 declare module 'styled-components'两种方法都可以解决报错,但建议使用第一种方法,会下载所有的声明文件,在vscode中就会有相应的代码提示
插件安装vscode 语法提示插件
基础用法
123456789101112131415161718import React from 'react'import styled from 'styled-components'//styled.需要设置样式的DOM元素const Wrapper = styled.div` width : 400px; height : 300px; // ...
uniapp中自适应设备状态栏以及自定义导航栏
前言
不要纠结是否有现成的,不必要自己造轮子,只是自己想要了解,并且学习到的一些知识,效果可能的确不如别人封装的好,但是胜在自己可以完全了解掌握
目前已有的自定义导航栏状态栏的解决方案
uView 自定义导航栏组件(较推荐),自定义的程序比较高,并且其他组件也很全面,比较推荐使用
uView-navBar
Dcloud 插件市场
导航栏
染上你的颜色
By 月映星河借物表在视频内