寿县住房与城乡建设局网站,服务器512m内存做网站,网络营销方式有哪些?举例说明,有什么兼职做it的网站好(一)前言本文主要会涉及到以下内容:微信开发者应用申请审核安装配置微信分享库微信好友/朋友圈功能实现(二)应用申请审核首先大家需要去微信开发平台去注册账号并且创建一个移动应用。(地址:https://open.weixin.qq.com)开始创建移动应用,填写应用名称,应用名称以及中英文的信息…(一)前言本文主要会涉及到以下内容:微信开发者应用申请审核安装配置微信分享库微信好友/朋友圈功能实现(二)应用申请审核首先大家需要去微信开发平台去注册账号并且创建一个移动应用。(地址:https://open.weixin.qq.com)开始创建移动应用,填写应用名称,应用名称以及中英文的信息移动应用图标分别为28x28何108x108的png格式图标。然后下一步填写iOS项目的bundle ID以及android项目的包名和应用签名。请注意应用签名获取需要安装一下获取签名信息的APK包同时你的android应用也需要打包以后安装在手机上面这样再去获取。具体获取方式见下面的图下载获取第三方应用的签名信息apk下载安装上面的签名信息包apk,然后在上面输入android项目的包名点击获取签名信息android项目的包名路径:android/app/build.gradle中的applicationId标签数据。把上面的签名信息填写到下面的网页上面,点击提交审核即可。然后就是等待吧官方说是7个工作日不过一般也就是几个小时就可以通过审核了吧。(三)安装配置微信分享库github上面已经有封装微信分享的原生SDK库了大家可以进行去下载安装然后RN端就可以进行调用使用了。具体项目地址:https://github.com/weflex/react-native-wechat不过该库不仅支持微信分享还支持微信登录收藏以及微信支付的。但是登录支付之类的功能需要开通开发者认证权限那是需要300元一年的啦~3.1.库安装方法:npm install react-native-wechat --save3.2.Android版本安装配置方法①.在android/settings.gradle文件中添加如下代码:include:RCTWeChatproject(:RCTWeChat).projectDir newFile(rootProject.projectDir,../node_modules/react-native-wechat/android)②.在android/app/build.gradle文件中的dependencies标签中添加模块依赖...dependencies {...compile project(:RCTWeChat)// Add this line only.}③.在MainActivity.java文件中添加如下代码importcom.theweflex.react.WeChatPackage;// Add this line before public class MainActivity.../*** A list of packages used by the app. If the app uses additional views* or modules besides the default ones, add more packages here.*/OverrideprotectedList getPackages() {returnArrays.asList(newMainReactPackage(),newWeChatPackage()// Add this line);}④.在android项目中创建wxapi包名在该包名底下创建WXEntryActivity.java类该类用于去微信获取请求以及响应。packageyour.package.wxapi;importandroid.app.Activity;importandroid.os.Bundle;importcom.theweflex.react.WeChatModule;publicclassWXEntryActivityextendsActivity{OverrideprotectedvoidonCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);WeChatModule.handleIntent(getIntent());finish();}}⑤.在AndroidManifest.xml文件中添加刚刚创建的Actiivty的配置......android:name.wxapi.WXEntryActivityandroid:labelstring/app_nameandroid:exportedtrue/⑥.混淆设置,在proguard-rules.pro中添加如下代码当然如果不混淆就不安全啦-keepclasscom.tencent.mm.sdk.** {*;}3.3.iOS版本安装配置方法①.我们之前已经执行过npm安装微信库了接下来我们有两种方法进行链接第一种就是直接通过rnpm link如下:当然如果大家这种方案没有成功链接的话可以采用手动方式了具体教程请点击进入②.接下来在xcode中添加部分库依赖(Link Binary With Libraries):SystemConfiguration.frameworkCoreTelephony.frameworklibsqlite3.0libclibz③.选中Targets-info配置中URL Schema中配置刚申请下来的appid④.为了iOS9.0的支持在Targets-info中的Custom iOS Traget Properties标签中添加LSApplicationQueriesSchemes字段值分别为wechat和weixin⑤.接下来需要在APPDelete.m文件中做一下Linking的处理配置(具体有关Linking的配置请点击查看)- (BOOL)application:(UIApplication *)application openURL:(NSURL *)urlsourceApplication:(NSString *)sourceApplication annotation:(id)annotation{return[RCTLinkingManager application:application openURL:urlsourceApplication:sourceApplication annotation:annotation];}(四)微信好友/朋友圈分享实例上面我们已经把基本安装配置已经讲解完成了下面我们通过实例来进行演示一下主要演示分享到好友/朋友圈的链接以及文本关于更多的分享实例例如文件图片视频语言等等可以查看项目的说明文件即可。分享实例步骤:注册应用本文/朋友圈分享Android测试应用需要打包测试iOS版本直接测试即可,代码和下面一样让我们来看一下实例代码今天主要演示好友文本/链接以及朋友圈文本/链接分享:/*** Sample React Native App* flow*/importReact, { Component } fromreact;import{AppRegistry,StyleSheet,Text,View,TouchableHighlight,ToastAndroid,} fromreact-native;var WeChatrequire(react-native-wechat);//import fs from react-native-fs;classCustomButtonextendsComponent {render() {return(style{styles.button}underlayColor#a5a5a5onPress{this.props.onPress}{this.props.text});}}classRNWeChatDemoextendsComponent {constructor(props) {super(props);//应用注册WeChat.registerApp(wx8d560da3ba038e7e);}render() {return(微信好友/朋友圈分享实例onPress{() {WeChat.isWXAppInstalled().then((isInstalled) {if(isInstalled) {WeChat.shareToSession({type:text, description:测试微信好友分享文本}).catch((error) {ToastShort(error.message);});}else{ToastShort(没有安装微信软件请您安装微信之后再试);}});}}/onPress{() {WeChat.isWXAppInstalled().then((isInstalled) {if(isInstalled) {WeChat.shareToSession({title:微信好友测试链接,description:分享自:江清清的技术专栏(www.lcode.org),type:news,}).catch((error) {ToastShort(error.message);});}else{ToastShort(没有安装微信软件请您安装微信之后再试);}});}}/onPress{() {WeChat.isWXAppInstalled().then((isInstalled) {if(isInstalled) {WeChat.shareToTimeline({type:text, description:测试微信朋友圈分享文本}).catch((error) {ToastShort(error.message);});}else{ToastShort(没有安装微信软件请您安装微信之后再试);}});}}/onPress{() {WeChat.isWXAppInstalled().then((isInstalled) {if(isInstalled) {WeChat.shareToTimeline({title:微信朋友圈测试链接,description:分享自:江清清的技术专栏(www.lcode.org),type:news,}).catch((error) {ToastShort(error.message);});}else{ToastShort(没有安装微信软件请您安装微信之后再试);}});}}/);}}const styles StyleSheet.create({welcome: {fontSize:20,textAlign:center,margin:10,},button: {margin:5,backgroundColor:white,padding:15,borderBottomWidth: StyleSheet.hairlineWidth,borderBottomColor:#cdcdcd,},});AppRegistry.registerComponent(RNWeChatDemo, () RNWeChatDemo);运行效果:(五)最后总结今天带着大家从最基本开始一起来实现一下微信分享功能当然除了分享文本和链接以外还可以分享语音视频图片文件等等。这些相关的使用API可以参考上面WeChat库中的文档即可。刚创建的React Native交流6群:426762904,欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!
